zoukankan      html  css  js  c++  java
  • ajaxFileUpload.js插件支持多文件上传的方法

    前提条件:
    ajaxFileUpload.js插件多文件上传
    步骤:
    1、修改源码,(源码只支持单个文件的上传):
    复制代码 代码如下:

    //修改前代码-------
    //var oldElement = jQuery('#' + fileElementId);
    //var newElement = jQuery(oldElement).clone();
    //jQuery(oldElement).attr('id', fileId);
    //jQuery(oldElement).before(newElement);
    //jQuery(oldElement).appendTo(form);
    //修改前代码-------
    //修改后代码-------
    for(var i in fileElementId){
    var oldElement = jQuery('#' + fileElementId[i]);
    var newElement = jQuery(oldElement).clone();
    jQuery(oldElement).attr('id', fileId);
    jQuery(oldElement).before(newElement);
    jQuery(oldElement).appendTo(form);
    }
    //修改后代码-------

    2、使用方法:
    复制代码 代码如下:

    $.ajaxFileUpload({
    url : "./upload/upload.action",
    secureuri : false,
    //fileElementId:'uploadfile1',//原使用方法
    fileElementId : ['uploadfile1','uploadfile2','uploadfile3','uploadfile4','uploadfile5'],//现使用方法
    dataType : 'json',
    success : function(data) {
    ajaxLoadEnd();
    if (data.result == "success") {
    $.messager.alert('信息','导入成功。','info');
    } else {
    $('#import_right').dialog('open');
    $.messager.alert('信息','导入失败。<br>错误信息:'+data.message,'error');
    }
    },
    error : function(data, status, e)
    {
    ajaxLoadEnd();
    $.messager.alert('信息','导入失败。<br>错误信息:网络异常或表单数据错误。','error');
    }
    });

  • 相关阅读:
    转:Gerrit 学习
    list, set操作
    Dice chrone execise
    【转】terminal 快捷键
    python package list
    爬虫2
    爬虫 1
    django跨表联查传输数据到前端
    vue实现鼠标移入移出事件
    pycharm意外关闭导致报错Unexpected content storage modification:
  • 原文地址:https://www.cnblogs.com/qinweizhi/p/6934734.html
Copyright © 2011-2022 走看看