ajaxFileUpload上传文件时,自定义参数data后台获取为null的问题

ajaxFileUpload上传文件时,自定义参数data后台获取为null的问题,第1张

ajaxFileUpload自定义参数,后台获取的时候为null

解决办法:修改ajaxFileUpload.js文件中createUploadForm()函数,新增传入参数data,并创建hidden控件,存储自定义参数

createUploadForm: function (id, fileElementId, data) {

....

if (data) {

}

找到ajaxFileUpload.js文件中调用createUploadForm()函数的地方,传入产生即可

ajaxFileUpload: function (s) {

...

var form = jQuery.createUploadForm(id, s.fileElementId,s.data)

...

}

HTTP File Server

http-file-server 是用 python 实现的 HTTP 文件服务器,支持上传和下载文件。

运行

$ python file-server.py files 8001

其中第一个参数 files 是存放文件的路径,第二个参数 8001 是 HTTP 服务器端口。

接口

1. 读取文件

GET /pathtofile/filename

2. 读取文件夹下所有文件(已经忽略隐藏文件)

GET /path

返回文件列表为 JSON 数组,文件名末尾带有 / 的表示是文件夹。 filename 为文件名,mtime 为修改时间。

[{"filename":"f1.txt","mtime":1001},{"filename":"p3/","mtime":1002}]

3. 上传文件

采用 POST 方式上传文件,URL 参数中传参数 name 表示上传的文件名,POST 内容为文件内容。

POST /upload?name=filename

ajax 示例:

// file is a FileReader object

var data = file.readAsArrayBuffer()

var xhr = new XMLHttpRequest()

var url = "http://localhost:8001/upload?name=xxx.md"

xhr.open("post", url, true)

xhr.setRequestHeader("Accept", "application/json, text/javascript, */*q=0.01")

xhr.onreadystatechange = function() {

if (xhr.readyState==4 &&xhr.status==200)

{

console.log(xhr.responseText)

}

}

xhr.send(data)

文件名 filename 可以包含相对路径。比如:upload?name=md/xxx.md。则上传至 md 目录下。

通过post请求上传,有两种方式,跟form表单通过file标签提交文件是一样的。

1、一种是键值对的方式,也就是一个name对应一个file:

api.ajax({

url: 'http://host/upLoad',

method: 'post',

report:true,//回调上传进度

data: {

files: {

file1: '/sdcard/a.png',

file2: '/sdcard/b.png',

file3: '/sdcard/c.png',

}

}

}, function(ret, err) {

if (ret) {

console.log(JSON.stringify(ret))

} else {

console.log(JSON.stringify(err))

}

})

2、另外一种是上传文件数组,这种方式你的服务器要配合做特殊的处理进行支持:

api.ajax({

url: 'http://host/upLoad',

method: 'post',

report:true,//回调上传进度

data: {

files: {

images: ['/sdcard/a.png', '/sdcard/b.png', '/sdcard/c.png']

}

}

}, function(ret, err) {

if (ret) {

console.log(JSON.stringify(ret))

} else {

console.log(JSON.stringify(err))

}

})


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11638255.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-17
下一篇 2023-05-17

发表评论

登录后才能评论

评论列表(0条)

保存