簡體   English   中英

如何通過dropzone取回上傳的圖像路徑

[英]How to get back uploaded image path by dropzone

我正在嘗試返回dropzone的成功功能,但是它不起作用。 我需要在圖片上傳頁面上返回路徑和圖片名稱...

我的代碼:

<body>
    <button id="submit-all">Submit all files</button>
    <form action="uploads.php" class="dropzone" id="my-dropzone"></form>

    <script>       
        Dropzone.options.myDropzone = {                        
            // Prevents Dropzone from uploading dropped files immediately
               addRemoveLinks: true,
               autoProcessQueue: false,
               maxFilesize:100,
               parallelUploads:5, 
               maxFiles:5,                          
               acceptedFiles: "image/*,.pdf, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.openxmlformats-officedocument.spreadsheetml.template, application/vnd.openxmlformats-officedocument.presentationml.template, application/vnd.openxmlformats-officedocument.presentationml.slideshow, application/vnd.openxmlformats-officedocument.presentationml.presentation, application/vnd.openxmlformats-officedocument.presentationml.slide, application/vnd.openxmlformats-officedocument.wordprocessingml.document, application/vnd.openxmlformats-officedocument.wordprocessingml.template, application/vnd.ms-excel.addin.macroEnabled.12, application/vnd.ms-excel.sheet.binary.macroEnabled.12,text/rtf,text/plain,audio/*,video/*,.csv,.doc,.xls,.ppt,application/vnd.ms-powerpoint,.pptx",                        
               init: function() {
                   var submitButton = document.querySelector("#submit-all"),
                       myDropzone = this; // closure

                       submitButton.addEventListener("click", function() {
                           myDropzone.processQueue(); // Tell Dropzone to process all queued files
                       });       
              }
        };
    </script>           
</body>

並上傳腳本:

$upload_dir = 'uploads'; 
    if (!empty($_FILES)) {                                           
        $tempFile = $_FILES['file']['tmp_name'];
        echo $tempFile;
        // using DIRECTORY_SEPARATOR constant is a good practice, it makes your code portable.
        $targetPath = dirname( __FILE__ ) . DIRECTORY_SEPARATOR . $upload_dir . DIRECTORY_SEPARATOR;
        // Adding timestamp with image's name so that files with same name can be uploaded easily.
        $mainFile = $targetPath.time().'-'. $_FILES['file']['name'];

             move_uploaded_file($tempFile,$mainFile);
    } else { echo 'error: no file'; }

我需要成功函數來返回上載圖像的路徑。 謝謝。

myDropzone.processQueue();
myDropzone.on("success", function(file,responsenew) {
    // alert(responsenew);
    var response = jQuery.parseJSON(responsenew);
    $('#image_update').remove();
    if(response.html==undefined || response.html==null) {

    }
});

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM