JQuery-File-Upload插件备忘

最新推荐文章于 2023-01-18 00:09:04 发布

lianjunzongsiling

最新推荐文章于 2023-01-18 00:09:04 发布

阅读量586

点赞数

文章标签：上传插件 jquery js上传 html上传

本文链接：https://blog.csdn.net/lianjunzongsiling/article/details/77899199

版权

JQuery-File-Upload插件备忘

需要导入的js文件，顺序不可变
1. jquery.ui.widget.js
2. load-image.all.min.js
3. jquery.iframe-transport.js
4. jquery.fileupload.js
5. jquery.fileupload-process.js
6. jquery.fileupload-validate.js
7. jquery.fileupload-image.js

上面的js文件可以来这个地址下载

https://github.com/blueimp/jQuery-File-Upload/wiki/Client-side-Image-Resizing

所有可触发的函数

$("#fileupload").fileupload({
        acceptFileTypes : /jp?g/i,
        maxFileSize : 3 * 1000 * 1000 * 1000
    }).bind('fileuploadadd', function(e, data) {
        console.log('fileuploadadd');
    }).bind('fileuploadsubmit', function(e, data) {
        console.log('fileuploadsubmit');
    }).bind('fileuploadsend', function(e, data) {
        console.log('fileuploadsend');
    }).bind('fileuploaddone', function(e, data) {
        console.log('fileuploaddone');
    }).bind('fileuploadfail', function(e, data) {
        console.log('fileuploadfail');
    }).bind('fileuploadalways', function(e, data) {
        console.log('fileuploadalways');
    }).bind('fileuploadprogress', function(e, data) {
        console.log('fileuploadprogress');
    }).bind('fileuploadprogressall', function(e, data) {
        console.log('fileuploadprogressall');
    }).bind('fileuploadstart', function(e) {
        console.log('fileuploadstart');
    }).bind('fileuploadstop', function(e) {
        console.log('fileuploadstop');
    }).bind('fileuploadchange', function(e, data) {
        console.log('fileuploadchange');
    }).bind('fileuploadpaste', function(e, data) {
        console.log('fileuploadpaste');
    }).bind('fileuploaddrop', function(e, data) {
        console.log('fileuploaddrop');
    }).bind('fileuploaddragover', function(e) {
        console.log('fileuploaddragover');
    }).bind('fileuploadchunksend', function(e, data) {
        console.log('fileuploadchunksend');
    }).bind('fileuploadchunkdone', function(e, data) {
        console.log('fileuploadchunkdone');
    }).bind('fileuploadchunkfail', function(e, data) {
        console.log('fileuploadchunkfail');
    }).bind('fileuploadchunkalways', function(e, data) {
        console.log('fileuploadchunkalways');
    }).bind('fileuploadprocessstart', function(e) {
        console.log('fileuploadprocessstart');
    }).bind('fileuploadprocess', function(e, data) {
        console.log('fileuploadprocess');
    }).bind('fileuploadprocessdone', function(e, data) {
        console.log('fileuploadprocessdone');
    }).bind('fileuploadprocessfail', function(e, data) {
        console.log('fileuploadprocessfail');
    }).bind('fileuploadprocessalways', function(e, data) {
        console.log('fileuploadprocessalways');
    }).bind('fileuploadprocessstop', function(e) {
        console.log('fileuploadprocessstop');
    }).bind('fileuploaddestroy', function(e, data) {
        console.log('fileuploaddestroy');
    }).bind('fileuploaddestroyed', function(e, data) {
        console.log('fileuploaddestroyed');
    }).bind('fileuploadadded', function(e, data) {
        console.log('fileuploadadded');
    }).bind('fileuploadsent', function(e, data) {
        console.log('fileuploadsent');
    }).bind('fileuploadcompleted', function(e, data) {
        console.log('fileuploadcompleted');
    }).bind('fileuploadfailed', function(e, data) {
        console.log('fileuploadfailed');
    }).bind('fileuploadfinished', function(e, data) {
        console.log('fileuploadfinished');
    }).bind('fileuploadstarted', function(e) {
        console.log('fileuploadstarted');
    }).bind('fileuploadstopped', function(e) {
        console.log('fileuploadstopped');
    });