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');
    }
    });

  • 相关阅读:
    java网络编程(UDP详解)
    java网络编程(TCP详解)
    java-单例详解
    java-接口和抽象类的联系和区别。
    java-集合小结
    Java异常(一)Java异常简介及其框架
    JAVA的接口
    深入理解Java的接口和抽象类
    linux动态库编译和使用详细剖析
    C基础 time.h 简单思路扩展
  • 原文地址:https://www.cnblogs.com/qinweizhi/p/6934734.html
Copyright © 2011-2022 走看看