zoukankan      html  css  js  c++  java
  • AjaxFileUploaderV2.1增加可上传多个文件

    //将下面的代码换成第二段代码
    createUploadForm: function(id, fileElementId, data)

    {
    //create form
    var formId = 'jUploadForm' + id;

    var fileId = 'jUploadFile' + id;
    var form = jQuery('<form action="" method="POST" name="' + formId + '" id="' + formId + '" enctype="multipart/form-data"></form>');
    if(data)
    {
    for(var i in data)
    {
    jQuery('<input type="hidden" name="' + i + '" value="' + data[i] + '" />').appendTo(form);
    }
    }
    var oldElement = jQuery('#' + fileElementId);
    var newElement = jQuery(oldElement).clone();
    jQuery(oldElement).attr('id', fileId);
    jQuery(oldElement).before(newElement);
    jQuery(oldElement).appendTo(form);



    //set attributes
    jQuery(form).css('position', 'absolute');

    jQuery(form).css('top', '-1200px');
    jQuery(form).css('left', '-1200px');
    jQuery(form).appendTo('body');
    return form;
    },

    //换成

    createUploadForm: function(id, fileElementId, data)
    {
    //create form
    var formId = 'jUploadForm' + id;


    var form = jQuery('<form action="" method="POST" name="' + formId + '" id="' + formId + '" enctype="multipart/form-data"></form>');
    if(data)
    {
    for(var i in data)
    {
    jQuery('<input type="hidden" name="' + i + '" value="' + data[i] + '" />').appendTo(form);
    }
    }

    for(var i in fileElementId)
    {
    var fileId = 'jUploadFile' + id + i;
    var oldElement = jQuery('#' + fileElementId[i]);
    var newElement = jQuery(oldElement).clone();
    jQuery(oldElement).attr('id', fileId);
    jQuery(oldElement).before(newElement);
    jQuery(oldElement).appendTo(form);
    //set attributes
    jQuery(form).css('position', 'absolute');

    jQuery(form).css('top', '-1200px');
    jQuery(form).css('left', '-1200px');
    jQuery(form).appendTo('body');
    }
    return form;
    },

    使用的代码如下:

        $.ajaxFileUpload
    (
    {
    url:'Url.php',
    secureuri:false,
    fileElementId:['File1','File2'],
    dataType: 'json',
    data:{
    ID:$.trim($("#ID").val())
    },
    success: function (data, status){
    if(typeof(data.error) != 'undefined'){
    if(data.error != ''){
    alert(data.error);
    }
    }
    },
    error: function (data, status, e){
    alert(e);
    }
    }
    )

    只需要修改fileElementId:['File1','File2'],其中File1,File2是相应要上传的ID.

  • 相关阅读:
    Mybatis学习笔记14
    Mybatis学习笔记13
    Mybatis学习笔记12
    poj 2513
    poj 2001
    poj 1080
    poj 1703
    poj 1521
    poj 1384
    poj 1726
  • 原文地址:https://www.cnblogs.com/Athrun/p/AjaxFileUploader.html
Copyright © 2011-2022 走看看