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

  • 相关阅读:
    AjaxControlToolKit(整理)三.......(35个控件)简单介绍
    C#多线程学习
    《深入浅出WPF》视频列表
    【Redis】Redis功能及性能
    MySQL性能优化
    【Redis】Redis常用命令
    php项目相关资源
    JAVA基础知识总结:十一
    JAVA基础知识总结:九
    JAVA基础知识总结:十
  • 原文地址:https://www.cnblogs.com/qinweizhi/p/6934734.html
Copyright © 2020-2023  润新知