如何從Dropzone的下拉框區域移除文件？

我使用Dropzone.js上傳應用程序中的文件。用戶選擇從本地計算機的文件管理器到dropzone區域的圖片後，如果用戶以後發現他/她想要刪除其中一個拾取的圖片或文件。如何實現它？如何從Dropzone的下拉框區域移除文件？

HTML代碼：上傳

 <?php 
     if(isset($_POST['submit_image'])){ 
    $ds   = DIRECTORY_SEPARATOR; //1 

    $storeFolder = 'uploads'; //2 

    if (!empty($_FILES)) { 

    $tempFile = $_FILES['file']['tmp_name'];   //3    

    $targetPath = dirname(__FILE__) . $ds. $storeFolder . $ds; //4 

    $targetFile = $targetPath. $_FILES['file']['name']; //5 

    move_uploaded_file($tempFile,$targetFile); //6 

     } 
    } 
    ?>

來源

2016-11-29 Sayuj3

您可以創建一個像這樣的delete.php文件

<form id="file-up" action="upload_file.php" method="post" enctype="multipart/form-data" class="dropzone" id="my-awesome-dropzone"> 

<div class="fallback"> 

<input type="file" id="upload_file" name="upload_file[]" multiple/> 
<input type='hidden' id='uploadvalues' /> 

</div> 

</form>

jQuery的

<script type="text/javascript"> 

    Dropzone.options.myAwesomeDropzone = { 
     maxFilesize: 20, // Size in MB 
     addRemoveLinks: true, 
     removedfile: function(file) { 
      var fileRef; 
      return (fileRef = file.previewElement) != null ? 
        fileRef.parentNode.removeChild(file.previewElement) : void 0; 
     }, 

    success: function(file, response) { 
       alert(response); 
      }, 

    error: function(file, response) { 
        alert(response); 
      } 

}; 




    </script>

PHP服務器端代碼。

</p> 
include 'db.php'; 
$upload_dir = 'myuploads'; 
$targetPath = dirname(__FILE__) . DIRECTORY_SEPARATOR . $upload_dir . DIRECTORY_SEPARATOR; 
unlink($targetPath.$_GET['fid']); 
$obj=new DB(); 
$sql = "DELETE FROM file_upload WHERE f_name='".$_GET['fid']."'"; 
$retval = mysqli_query($obj->connection(),$sql); 
print_r("Successfully deleted."); 
<p style="text-align: justify;">

從評論更新時間：如果我理解你的權利，你想要的X刪除在懸浮窗文件。

removedfile: function(file) { 
    x = confirm('Do you want to delete?'); 
    if(!x) return false; 
}

來源

2016-11-29 07:43:56

而對於您可以參考這個問題 http://stackoverflow.com/questions/19375389/how-to-upload-and-delete-files-from-dropzone-js –

的CSS JS部分我使用dropzone的部分是dropzone給出的dropzone.css。我如何添加刪除條款，我的意思是設計。在dropbox.css中只有一個我看到的勾號符號，當文件上傳成功時啓用它。當任何錯誤出現時，只有「X」被啓用。 – Sayuj3

Dropzone.options.myAwesomeDropzone = { \t \t MAXFILESIZE：20，//大小MB \t \t addRemoveLinks：真實， \t \t removedfile：功能（文件）{ X =確認（ '？你想刪除' ）; if（！x）返回false; }， \t成功：功能（文件，響應）{ \t \t \t警報（響應）; \t \t \t}， \t錯誤：功能（文件，響應）{ \t \t \t \t警報（響應）; \t \t \t} \t \t };我試過了，但nt發生了 – Sayuj3

如何從Dropzone的下拉框區域移除文件？

回答

相關問題