Learn about jquery file upload plugin tutorial, we have the largest and most updated jquery file upload plugin tutorial information on alibabacloud.com
0 Ajaxfileupload Profile
The Ajaxfileupload plug-in is a very simple jquery based asynchronous upload file plug-in, using the process found many with this name, based on the original version of the modified Plug-ins, the file version is more, I uploaded my own ajaxfileupload file
Jaxfileupload Introduction
The Ajaxfileupload plug-in is a very simple jquery based asynchronous upload file plug-in, using the process found many with this name, based on the original version of the modified Plug-ins, the file version is more, I uploaded my own ajaxfileupload fil
jquery plug-in ajaxfileupload can implement Ajax file upload, the plug-in is very simple to use, first understand the correct use of the Ajaxfileupload plug-in method, and then learn some common error messages and solutions.
Instructions for use
Need to use jquery library files and ajaxfileupload library files
Worki
Since Google Browser update to (version 39.0.2171.99), access to upload file interface browser crashes, and other browsers do not have problems.This problem occurs because of the Google browser cache problem, but will access the JSP page path added after the timestamp does not solve the problem, the interface introduced into the Uploadify.js also added a random variable or not. Finally, the introduction of
this object to upload files, we need to note that we need to add the enctype= "Multipart/form-data" attribute to the form label to set the MIME encoding of the forms, because the default encoding format is application/ X-www-form-urlencoded, can not be used for file upload, but also in the use of jquery $.ajax method,
In the server-side file upload process, if the use of the Web server to upload the short end of the file, will cause the page to refresh once, so the user experience is not very friendly. Ajaxfileupload.js is a jquery asynchronous upload
Since Google Browser update to (version 39.0.2171.99), access to upload file interface browser crashes, and other browsers do not have problems.This problem occurs because of the Google browser cache problem, but will access the JSP page path added after the timestamp does not solve the problem, the interface introduced into the Uploadify.js also added a random variable or not. Finally, the introduction of
This example for you to share the Ajaxfileupload implementation of file upload specific code, for your reference, the specific content as follows
jquery plug-in Ajaxfileupload used to implement Ajax file upload, the plug-in is very simple to use, and then write a demo demo
To use uplaodify3.1, naturally download the appropriate package, http://www.uploadify.com/download/, here are two kinds of packages, one is based on flash, free, one is based on HTML5, need to pay, I said here is the former one. Of course, it's probably no longer the 3.1 version, which is estimated to be 3.2. However, the difference is not too big! first introduce the file in the page: uploadify.swf want to put together with CSS, otherwise will not
About using Ajaxfileupload, encountered a to refresh the page to upload again, with the live () method to bind the file form of the change event can be resolved, direct $ ("xxx"). Change () This can only be called once, Cannot be triggered when the change is called again;Internet Explorer file Form selection to complete the automatic submission of the problem, af
For the HTML5 version will be better to support the mobile browser, to avoid the Apple Mobile Safari browser does not supportFlash, Main features: support multiple file upload, HTML5 version can drag and drop upload, real-time upload progress bar display, powerful parametersCustom features such as
The English note should be written by the original author ~ To tell the truth, some if judgment in the things I did not quite understand, but the general idea is OK.Jquery.extend ({createuploadiframe:function (id, URI) {//id is the current system time string, URI is a parameter to an externally-passed JSON object//create frame var Frameid = ' juploadframe ' + ID; Add a unique ID to the iframe var iframehtml = ' The general idea of the Ajaxfileupload.js plu
Recently made a multi-file upload, you need to limit the upload file type examples. Have not done before to find some information, the next useful. At the same time also for everyone to do reference.The relative path to the uploader:uploadify.swf file, which is a button with
Recently used in the project Baidu file upload plug-in Webuploader, share to everyone.
Webuploader was developed by the Baidu Webfe (FEX) team, a simple HTML5-oriented, flash supplemented by a modern file upload component. In the modern browser can give full play to the advantages of HTML5, while not abandoning mainst
This article mainly introduces the features of the jquery plug-in fineuploader when uploading files:
1. not dependent on jquery
2. Also, let's take a look. It supports many instances. After the upload is successful, a callback function will be available, such as displaying the thumbnail address.
Usage:
The Code is as follows:
English annotation should be written by the original author ~ To tell the truth, some if the things I do not understand, but the general idea is OK.
Jquery.extend ({createuploadiframe:function (id, URI) {//id is the current system time string, and the URI is an argument to the externally-passed JSON object//create frame var Frameid = ' juploadframe ' + ID; Add a unique ID to the iframe var iframehtml = '
The general idea of the Ajaxfileupload.js plug-in is as described above, but for Ajax,
The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion;
products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the
content of the page makes you feel confusing, please write us an email, we will handle the problem
within 5 days after receiving your email.
If you find any instances of plagiarism from the community, please send an email to:
info-contact@alibabacloud.com
and provide relevant evidence. A staff member will contact you within 5 working days.