javascript - Upload image immediately on select -

-

here @ last question, no 1 can give me right solution. thank process upload image.

now want upload image after selection input type file.

how script.

html: (here 888 dynamic id php)

<form class="upload_reply" id="888'" method="post" enctype="multipart/form-data"> <label for="file">filename (max 200 kb) :</label> <input type="file" name="file" class="repfile" id="888" value="" />  </form>

script:

$(document).on('change','.repfile',function (){     previewpic(this); });  function previewpic(input) {     if (input.files && input.files[0]) {         var reader = new filereader();         reader.onload = function (e) {             $("#preview_rep"+ input.id).attr('src', e.target.result);             $("#output_rep"+ input.id).show();             var str = e.target.result;             var id = input.id;             uploadfile(str, id);         };         reader.readasdataurl(input.files[0]);     } } function uploadfile(str, id) {      str = ???      var eid = id;      $('.loading').show();      $.ajax({             type:"post",             url:"../upload.php",             data:  new formdata(this),             contenttype: false,             cache: false,             processdata:false,             success: function(response){                 $('#img'+ eid).attr('value', response);                 $('.loading').hide();         },     });     return false;    }

i recommend use jquery third party reliable stable plugin rather own custom code

with of plugin can

  • show progress of file uploaded

  • verify if right file selected

  • preview image

  • change preview

  • and many more option

some of best plugin , usable plugin

i myself use uploadify, work me.

$(document).ready(function (){        $('#repfile').uploadify({          'uploader'  : '/uploadify/uploadify.swf',          'script'    : '/uploadify/uploadify.php',          'cancelimg' : '/uploadify/cancel.png',          'folder'    : '/uploads',          'auto'      : true       }); });

hope answer helpful

other can visit here - upload files ajax


Comments

Post a Comment

Popular posts from this blog

mysql - FireDac error 314 - but DLLs are in program directory -

-
i getting when trying access mysql database : [firedac][phys][mysql]-314. cannot load vendor library [libmysql.dll or libmysqlld.dll] this did not happen (unchanged) code, however, have upgraded windows 10 , had reinstall delphi xe8, system configuration matter. in order try solve problem, copied both of files c:\windows\sysytem32. when did not seem work, copied them \win32\debug, generated .exe resides. i imagine doing rather stupid, can't see what. the proper solution place driver file (eg., libmysql.dll ) in application's folder, or place installation location in fddrivers.ini file: [mysql] vendor=<folder>\libmysql.dll (recent versions of documentation seem use vendorlib instead of vendor in ini file.) see rad studio documentation topics configuring drivers (firedac) , connect mysql server (firedac) more information.
Read more

git - How to list all releases of public repository with GitHub API V3 -

-
so per documentation https://developer.github.com/v3/repos/releases/#list-releases-for-a-repository get /repos/:owner/:repo/releases should list relases , https://api.github.com/repos/jquery/jquery/releases should list releases in jquery project , not , why ? because repository doesn't have releases. has tags github presenting in releases page. for more clear example, see: https://github.com/hashicorp/terraform/releases which has both releases , tags showing on page, api shows releases: https://api.github.com/repos/hashicorp/terraform/releases
Read more

c++ - Getting C2512 "no default constructor" for `ClassA` error on the first parentheses of constructor for `ClassB`? -

-
my situation follows. let there header file classdeclarations.h , have following classes declared: class classa; class classb; class classa { public: classa(int x); classa(double y); int returninteger(void) { return m_x; } double returndouble(void) { return m_y; } private: int m_x; double m_y; } class classb { public: classb(int x); int returninteger(void) { return m_x; } private: int m_x; classa m_instancea_1; } let there *.cpp file called classdefns.cpp , define methods of classes declared in classdeclarations.h : #include classdeclarations.h classa::classa(int x) : m_x(x) { } classa::classa(double y) : m_y(y) { } classb::classb(int x) : m_x(x) { // line build error occurs m_instancea_1 = classa(0); } note have commented line compiler says there error: error c2512: 'classa' : no appropriate default constructor avai...
Read more