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请求再次检查。它对我来说很好
相关文章:
- 如何将乳胶配方奶粉图像保存到Asp.net中的文件夹中
- 在ng重复循环中显示来自不同文件夹的图像
- 如何通过资产管道提供Javascript中子文件夹中的图像
- 可在多个相册文件夹中查找的动态图像库
- 如何使用javascript从文件夹中获取图像并发布直接链接
- Yii2从js脚本的页面上添加来自供应商文件夹的图像、css、js文件
- 如何在PHP中使用url保护我的图像和文件夹免受直接访问
- 使用文件夹路径名保存所有图像文件和文件名
- 将图像输出到浏览器,然后再将其保存到文件夹
- jQuery:用文件夹中的图像填充数组.或者使用AJAX从文件夹加载图像
- 将样式表、javascript和图像分离到不同文件夹中的优势
- 使用javascript从磁盘中的文件夹中选择所有图像的路径
- 如何从本地文件夹(磁盘存储)读取或获取图像文件,并使用nodejs服务器将其发送到Angularjs
- Dropzone.js没有将图像上传到文件夹
- 如何使用javascript获取文件夹中的图像列表
- 将文件夹中的所有图像包括在阵列中的最佳方式是什么
- Android 引用 JavaScript 文件中的资产文件夹图像
- jQuery日期选择器上一个和下一个按钮没有显示,如何指向css中的主题文件夹图像
- 我如何读取文件夹图像和显示html内
- 在Canvas中循环遍历文件夹图像