作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
由于第一个 uploader 缺少客户端调整图像大小功能,我不得不从 dropzone.js 迁移到 Fine Uploader。因此,我现在在尝试获得与 dropzone 相同的结果时遇到了一些问题。
我需要将一些隐藏的输入字段附加到要上传的图像中,这在 dropzone 上很容易做到。我已经尝试了文档中描述的 Form 选项,但它将所有表单元素发送到表单操作,但我只需要发送少量数据到不同的页面即可在服务器端执行 Ajax 请求(希望它确实有意义) )
我需要附加的输入字段是:
我正在使用的脚本:
$(document).ready(function () {
$('#fine-uploader').fineUploader({
template: 'qq-template',
form: {
element: 'modulomezzi',
autoUpload: true
},
request: {
endpoint: 'ajax_page.asp',
inputName: 'foto_gallery1'
},
thumbnails: {
placeholders: {
waitingPath: '/fine-uploader/placeholders/waiting-generic.png',
notAvailablePath: '/fine-uploader/placeholders/not_available-generic.png'
}
},
validation: {
allowedExtensions: ['jpeg', 'jpg', 'gif', 'png']
}
});
});
谢谢
最佳答案
您可以使用 request.params
选项,如下所示:
var uploader = new qq.FineUploader({
element: document.getElementById("uploader"),
template: 'qq-template',
request: {
endpoint: '/api/saveimage',
params: {'param1': 'someValue', 'param2': document.getElementById('textInputId').value},
},
thumbnails: {
placeholders: {
waitingPath: '/img/fine-uploader/waiting-generic.png',
notAvailablePath: '/img/fine-uploader/not_available-generic.png'
}
},
validation: {
allowedExtensions: ['jpeg', 'jpg', 'gif', 'png'],
itemLimit: 3
},
});
您还可以随时使用 setParams
API 通过 js 设置参数:
var params = {'param1': 'somevalue1', 'param2': 'somevalue2'};
uploader.setParams(params);
参见文档:setParams
关于jquery - 精细上传者 : how can I append input hidden fields to the autoupload?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40285356/
我是一名优秀的程序员,十分优秀!