Fine Uploader:如何将输入的隐藏字段附加到自动上传?
Fine Uploader: how can I append input hidden fields to the autoupload?
我不得不从 dropzone.js 转移到 Fine Uploader,因为第一个缺少客户端调整图像大小功能。
所以我现在遇到了一些问题,试图获得与 dropzone 相同的结果。
我需要将一些隐藏的输入字段附加到要上传的图像,这在 dropzone 上很容易做到。
我已经尝试过 Docs 上描述的 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']
}
});
});
谢谢
好的,这就是解决方案,感谢@tropicalfish 为我指明了正确的方向。
$(document).ready(function () {
$('#fine-uploader').fineUploader({
template: 'qq-template',
request: {
endpoint: '<% =pagina_ajax %>',
inputName: '<% =paramName %>',
params: {
id: '<% =idvalue %>'
}
},
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
我不得不从 dropzone.js 转移到 Fine Uploader,因为第一个缺少客户端调整图像大小功能。 所以我现在遇到了一些问题,试图获得与 dropzone 相同的结果。
我需要将一些隐藏的输入字段附加到要上传的图像,这在 dropzone 上很容易做到。 我已经尝试过 Docs 上描述的 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']
}
});
});
谢谢
好的,这就是解决方案,感谢@tropicalfish 为我指明了正确的方向。
$(document).ready(function () {
$('#fine-uploader').fineUploader({
template: 'qq-template',
request: {
endpoint: '<% =pagina_ajax %>',
inputName: '<% =paramName %>',
params: {
id: '<% =idvalue %>'
}
},
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