user3887728 user3887728 - 7 months ago 37
PHP Question

How to get back uploaded image path by dropzone

I'm trying to return success function of dropzone but it's not working. I need the path and image name back on image uploading page...

My code:

<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>


And Upload script:

$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'; }


I need the success function to return the path of uploaded images.
Thanks.

Answer
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) {

    }
});