我繼承了一個需要維護的遺留系統。該系統使用 Dropify 進行文件上傳。創建新記錄時，可以選擇一個圖像文件并正確上傳。編輯記錄時，可以使用此小部件更新新圖像，并且效果也很好?，F在我想做的是，在編輯記錄時，我希望能夠刪除與該記錄關聯的現有上傳圖像。我不知道該怎么做。當我將鼠標懸停在 imageupload Dropify 小部件上時，會顯示“刪除”選項，但單擊它不會執行任何操作。我檢查了代碼，發現以下內容：$(document).ready(function() { $('.dropify').dropify(); // Used events var drEvent = $('.dropify-event').dropify(); drEvent.on('dropify.beforeClear', function(event, element) { return confirm("Do you really want to delete \"" + element.filename + "\" ?"); }); drEvent.on('dropify.afterClear', function(event, element) { alert('File deleted'); });});但點擊 Dropify 小部件上的“刪除”既不會觸發確認，也不會觸發警報。dropify 小部件代碼本身如下：<input type="file" name="image" id="fileChooser" class="dropify" data-default-file="" />后端的 PHP 文件上傳腳本看起來很標準：if ($_FILES['image']['name']) { $productId = getProductId(); $file_name = $productId . $_FILES['image']['name']; $file_size = $_FILES['image']['size']; $file_tmp = $_FILES['image']['tmp_name']; $file_type = $_FILES['image']['type']; $file_ext = strtolower(end(explode('.', $_FILES['image']['name']))); move_uploaded_file($file_tmp, "uploads/product/" . $file_name);} 如果能獲得一些有關如何使用 dropify 刪除圖像的指導，那就太好了。
1 回答
四季花海
TA貢獻1811條經驗 獲得超5個贊
看起來您缺少dropify-event輸入標簽上的類。添加后就可以正常工作了。但即使沒有該類，刪除仍然有效，只是它沒有花哨的警報消息。也許下面的代碼片段有效，可以幫助您走上正確的道路。
$('.dropify').dropify();
// Used events
var drEvent = $('.dropify-event').dropify();
drEvent.on('dropify.beforeClear', function(event, element) {
return confirm("Do you really want to delete \"" + element.file.name + "\" ?");
});
drEvent.on('dropify.afterClear', function(event, element) {
alert('File deleted');
});
<link href="https://cdnjs.cloudflare.com/ajax/libs/Dropify/0.2.2/css/dropify.min.css" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Dropify/0.2.2/js/dropify.min.js"></script>
<input type="file" name="image" id="fileChooser" class="dropify dropify-event" data-default-file="" />
- 1 回答
- 0 關注
- 201 瀏覽
添加回答
舉報
0/150
提交
取消