Using fine upload, upload multiple images at the same time to the database, when I open it shows different images not selected image when I refresh the page after it shows correct, but I don't want to refresh it.
How can I solve this problem?
var manual uploader = new qq.FineUploader({
element: document.getElementById('fine-uploader-manual-trigger'),
template: 'qq-template-manual-trigger',
request: {
endpoint: '<?php echo _APIURL; ?>/catch_media/',
inputName: 'file',
params: {
}
},
thumbnails: {
placeholders: {
waitingPath: 'assets/nexchange/placeholders/waiting-generic.png',
notAvailablePath: 'assets/nexchange/placeholders/not_available-generic.png'
}
},
`enter code here`validation: {
allowedExtensions: ['jpeg', 'jpg', 'png'],
sizeLimit: 20000000 //20MB
},
callbacks: {
onComplete: function() {
if (response && response.success) {
$scope.photos.unshift({
src: $scope.ImgURL + response.name,
id: id
});
this.setDeleteFileEndpoint(response.deleteFileEndpoint, id);
var fileItem = uploader.getItemByFileId(id);
var div = qq(fileItem).getByClass("multipleDelete")[0];
var checkbox = qq(fileItem).getByClass("chkMultipleDelete")[0];
var label = qq(fileItem).getByClass("lblMultipleDelete")[0];
checkbox.setAttribute("id", id);
label.setAttribute("for", id);
qq(div).removeClass("qq-hide");
}
}
},
autoUpload: false,
debug: true
});