我将多个实例与valums fileuploader一起使用,但似乎上传器只对每个实例使用最后一个设置,是否有一个选项可以避免这种情况并使用本地设置?在正确的实例上上传正常,但 initializeUploader 中的元素始终相同,无论我使用哪个实例。
jQuery(function() {
$("[rel='uploadable']").each(function(){
initializeUploader($(this).attr("id"))
})
});
function initializeUploader(anchor) {
element = document.getElementById(anchor)
uploader = new qq.FileUploader({
element: element,
action: element.getAttribute("data-upload-path"),
allowedExtensions: ["png", "gif", "jpg", "jpeg"],
params: {
authenticity_token: $("meta[name=csrf-token]").attr("content")
},
onSubmit: function(id, fileName){
console.log ($(element))
$(element).append("<span class='image'><div id='progress-" + id + "'></div></span>")
},
onProgress: function(id, fileName, loaded, total){
var progress = (loaded / total) * 100;
$("#progress-" + id).progressbar({value: progress})
},
onComplete: function(id, fileName, responseJSON){
image_url = ""
$.each(responseJSON, function(key, item) {
if (key == "url")
image_url = item
});
$("#progress-" + id).remove();
console.log($(element).parent())
console.log($(element).closest(".quanta"))
console.log(image_url)
$(element).closest(".quanta").css({'width': '300px', 'height': '300px', 'background-color': '', 'background-image': 'url(' + image_url + ')', 'background-size': '100% 100%'})
},
debug: true
});
};