Javascript Dropzone在服务器上不工作。在本地主机上工作正常
我想用dropzone上传图片。它在本地主机上运行良好。我可以上传文件。但当我上传代码服务器时,它并没有初始化。我在点击按钮时触发事件 我的代码-Javascript Dropzone在服务器上不工作。在本地主机上工作正常,javascript,jquery,laravel,dropzone.js,dropzone,Javascript,Jquery,Laravel,Dropzone.js,Dropzone,我想用dropzone上传图片。它在本地主机上运行良好。我可以上传文件。但当我上传代码服务器时,它并没有初始化。我在点击按钮时触发事件 我的代码- //other fields <div class="dropzone" id="addProductDropzoneNew"></div> //other fields 我不确定,但它在本地计算机上运行良好。但我猜它不是在服务器上初始化的 这里是本地的截图- 这是服务器上drop
//other fields
<div class="dropzone" id="addProductDropzoneNew"></div>
//other fields
我不确定,但它在本地计算机上运行良好。但我猜它不是在服务器上初始化的
这里是本地的截图-
这是服务器上dropzone div的屏幕截图-
另外,在开发人员控制台日志中,没有收到任何错误。请检查图像-
提前感谢您的帮助。浏览器的开发人员控制台告诉您什么?什么都没有。没有任何错误。请检查控制台日志映像。问题已编辑。请检查开发工具网络中的请求。这里没有太多的调试细节。检查服务器日志also@KamleshPaul. 好的,试试看。浏览器的开发者控制台告诉你什么?什么都没有。没有任何错误。请检查控制台日志映像。问题已编辑。请检查开发工具网络中的请求。这里没有太多的调试细节。检查服务器日志also@KamleshPaul. 好的,试试看。
Dropzone.options.addProductDropzoneNew= {
url: '/admin/product/store',
autoProcessQueue: false,
uploadMultiple: true,
parallelUploads: 5,
maxFiles: 5,
maxFilesize: 1,
acceptedFiles: '.jpeg,.jpg,.png,.PNG',
addRemoveLinks: true,
init: function() {
dzClosure = this;
document.getElementById("new-product-btn").addEventListener("click", function(e) {
e.preventDefault();
e.stopPropagation();
if (dzClosure.getQueuedFiles().length === 0) {
var blob = new Blob();
blob.upload = { 'chunked': dzClosure.defaultOptions.chunking };
dzClosure.uploadFile(blob);
} else {
dzClosure.processQueue();
}
});
this.on("sendingmultiple", function(data, xhr, formData) {
formData.append("_token", jQuery("#token").val());
formData.append("id", jQuery("#productId").val());
formData.append("name", jQuery("#name").val());
formData.append("sku", jQuery("#sku").val());
formData.append("menuId", jQuery("#menuId").val());
formData.append("categoryId", jQuery("#category").val());
formData.append("subCategory", jQuery("#sub").val());
formData.append("price", jQuery("#price").val());
formData.append("discount", jQuery("#discount").val());
formData.append("stock", jQuery("#stock").val());
formData.append("color", jQuery("#color").val());
formData.append("size", jQuery("#size").val());
formData.append("height", jQuery("#height").val());
formData.append("width", jQuery("#width").val());
formData.append("weight", jQuery("#weight").val());
formData.append("description", jQuery("#description").val());
formData.append("isPublish", jQuery("#isPublish").val());
formData.append("isB2B", jQuery("#isB2B").val());
formData.append("title", jQuery("#title").val());
formData.append("keyword", jQuery("#keyword").val());
formData.append("metaDescription", jQuery("#metaDescription").val());
formData.append("brandId", jQuery("#brandId").val());
formData.append("isFreeShipping", jQuery("#shipping").val());
});
},
success: function(data)
{
clearError();
if(data.status=='success'){
location.href='/admin/product';
} else {
displayError(data.xhr.response);
}
}
}