js方法实现--上传文件功能js实现

2019-01-05 13:10:23来源:博客园 阅读 ()

新老客户大回馈,云服务器低至5折

function createUploadForm(fileElementId, data, curFileList) {
    var id = new Date().getTime();
    var formId = 'jUploadForm' + id; //给form添加一个独一无二的id
    var form = jQuery('<form  action="" method="POST" name="' + formId + '" id="' + formId + '" enctype="multipart/form-data" ></form>'); //创建form元素
    if (data) {
        for (var i in data) {
            jQuery('<input type="hidden" name="' + i + '" value="' + data[i] + '" />').appendTo(form);
        }
    }

    //set attributes
    jQuery(form).css('position', 'absolute'); //给动态form添加样式,使其浮动起来,
    jQuery(form).css('top', '-1200px');
    jQuery(form).css('left', '-1200px');
    jQuery(form).appendTo('body'); //把动态form插入到body中

    var fd = new FormData($('#' + formId)[0]);
    for (var i = 0; i < curFileList.length; ++i) {
        fd.append('file[]', curFileList[i]);
    }
    return fd;
}


使用方法:
var fd = createUploadForm("file" + row, { entityName: entityName, entityId: id, userId: userId, listName: rowData.ListName }, curFileList);
                $.ajax({
                    url: ClientUrl + '/UploadFile/Upload.html',
                    type: "post",
                    data: fd,
                    dataType: "json",
                    processData: false,
                    contentType: false,
                    success: function (data) {
                        $('#trackRecordTable').bootstrapTable('hideLoading');
                        $('#trackRecordTable').bootstrapTable('refresh');
                        alert(data.msg);
                    },
                    error: function (data) {
                        $('#trackRecordTable').bootstrapTable('hideLoading');

                        var result = eval('(' + data.responseText + ')');
                        alert(result.msg);
                    }
                });

  

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:JS中让新手倍感震惊、违反直觉、出乎意料、的一些知识点汇总记录

下一篇:真正的连续滚动图片