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);
                        }
                    });
      
  • 相关阅读:
    5. support vector machine
    机器学习实战(二)决策树
    机器学习实战(一)kNN
    深度学习笔记(无)VGG14
    深度学习笔记(一)线性分类器(基础知识)
    Eclipse代码风格
    windows安装java环境
    linux matlab2013b 安装教程
    小白Linux入门 五
    机器学习 0
  • 原文地址:https://www.cnblogs.com/tck-blogs/p/10224866.html
Copyright © 2011-2022 走看看