Dropzone.js没有将图像上传到文件夹


Dropzone.js is not uploading images to folder

我一直在尝试让这个dropzone.js在客户的网站上运行,但它似乎不起作用。

当我上传一个文件时,它不会上传到照片文件夹,也不会添加到数据库中。

上传文件的页面位于www.sunkyog.com/admin/dd.php[我创建的示例页面],php页面为www.sunkyog.com/admin/up.php,上传文件夹为www.sungyog.com/photos。

这是我的代码:

dd.php

<head>   
<!-- 1 -->
<link href="css/dropzone.css" type="text/css" rel="stylesheet" />
<!-- 2 -->
<script src="../js/dropzone.js"></script>

</head>
<body>
<form action="http://sunkyog.com/admin/up.php" enctype="multipart/form-data" class="dropzone" id="photoUploadDropzone"></form>
<script type="text/javascript">
Dropzone.options.photoUploadDropzone = {
  paramName: "file",
  maxFilesize: 5, // MB
  maxFiles: 10,
  addRemoveLinks: true,
  acceptedFiles: "image/jpeg, image/jpg, image/png, image/gif",
  accept: function(file, done) {
    done();
  }
};
</script>
</body>
</html>

up.php

if (!empty($_FILES)) {
$tempFile = $_FILES['file']['tmp_name'];
$targetPath = "photos/";
$targetFile =  $targetPath. $_FILES['file']['name'];
move_uploaded_file($tempFile,$targetFile);
mysql_query("INSERT INTO club_photos VALUES('','photos/$tempFile','$fk_id')");
}
?>

你可以转到页面http://www.sunkyog.com/admin/dd.php自己尝试,然后上传后导航到http://www.sunkyog.com/photos/yourFileName看看它是否上传了。

<script src="dropzone.js"></script>
<script type="text/javascript">
 Dropzone.autoDiscover = false;
 var myDropzone = new Dropzone("#form_id");
  myDropzone.options.addRemoveLinks=true;
  myDropzone.options.uploadMultiple=false;
  myDropzone.options.autoProcessQueue=false;
  myDropzone.options.url='system_message_process.php';
  myDropzone.options.maxFiles=1;
   myDropzone.options.acceptedFiles='image/*';
  function submit(){
        myDropzone.processQueue();
         myDropzone.on("success", function(file,responsenew) {
                     // alert(responsenew);
                     var response = jQuery.parseJSON(responsenew);
              });
  }
 </script>

请手动检查提交,否则将autodiscover设置为true,将processQueue设置为true并根据是否发送的firebug请求再次检查。它对我来说很好