Not allowing to upload same image on same the position after delete that image
Question
Ajax call which is uploading image file in assests folder
module.exports = {
// Default assets
assets: [],
// Style prefix
stylePrefix: 'am-',
// Url where uploads will be send, set false to disable upload
upload: 'http://localhost/grapeJs/src/file_uploader/fileUpload.php',
// Text on upload input
uploadText: 'Drop files here or click to upload',
// Label for the add button
addBtnText: 'Add image',
// Custom uploadFile function
// @example
uploadFile: function(e) {
var files = e.dataTransfer ? e.dataTransfer.files : e.target.files;
// ...send somewhere
console.log(files);
var formData = new FormData();
for(var i in files){
formData.append('file-'+i, files[i])
}
$.ajax({url: 'http://localhost/grapeJs/src/file_uploader/fileUpload.php',
type: 'POST',
data: formData,
contentType:false,
crossDomain: true,
mimeType: "multipart/form-data",
processData:false,
success: function(result){
var images = result.data; // <- should be an array of uploaded images
editor. AssetManager.add(images);
}
});
}
// uploadFile: '',
};
It's working fine to add an image from the local.
But in another scenario, It's not working. Please have a look Drag image block Select an image Delete that image Add the same image again on same the place, "uploadFile" function is not calling It's not allowing me to upload same image on same position after delete that image
Answers (3)
We have to clear the file input once the image is selected
Any hint please. how to clear file input?
I think, I have fixed it. In OpenAssets.js
if (accept) {
const uploadEl = amContainer.querySelector(
`input#${config.stylePrefix}uploadFile`
);
uploadEl && uploadEl.setAttribute('accept', accept);
uploadEl.value = "";
}
Related Questions and Answers
Continue research with similar issue discussions.
Issue #1711
Error in prompt position after moving canvas
1、移动画布 2、点击layerManager(如果不点击layerManager 不会出错) 3、画布里的提示框位置出错 1、 moving canvas 2、 click layerManager (If you don't click layerManager, it w...
Issue #466
Disable button
Hi, I added a new button in Options Panel and now I'm trying to make it disable while a given criteria is not ok. For now, I tried to use t...
Issue #668
When element not available to select, suggest hover and click event will select the available parent.
Hi @artf, can i have a enhancement for select command, when the cursor click or hover the element which is not selectable, then the selecti...
Issue #1434
Toolbar Hide text element
@artf Please check you demo page text is hiding under the toolbar. how can we update the toolbar position?
Paid Plugins That Match This Issue
Curated by issue keywords and label relevance to help you ship faster.
Loading paid plugin recommendations...
Browse Plugin Categories
Jump directly to plugin category pages on the marketplace.