zoukankan      html  css  js  c++  java
  • js方法实现--上传文件功能

    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);
                        }
                    });
      
  • 相关阅读:
    arduino电子艺术PWM直流电机电调实验
    横坐标轴移动位置
    将不才则三军倾
    Source Insight常用快捷键及注释快捷键设置
    dos2unix批量转换的脚本
    win8: ListView
    win8: Asynchronous Programming in JavaScript with “Promises”
    WindJS 中的$await
    iphone:关于沙盒 存储路径
    win8: hello gril
  • 原文地址:https://www.cnblogs.com/tck-blogs/p/10224866.html
Copyright © 2011-2022 走看看