如何在没有cli的情况下将dropzone与vuejs一起使用
how to use dropzone with vuejs with out cli
谁能告诉我如何在不使用 Vue CLI 的情况下将 dropzone 与 vuejs 一起使用。
how upload file using dropzone & vueJs
const app = new Vue({
el: '#newpost',
数据: {
形式: {
标题:'',
},
allerros: [],
成功:假,
},
方法 : {
onSubmit(){</p>
<pre><code> },
DzSpanclick(){
$("#filedrag").click();
},
DZint() {
let dz = document.querySelector("#filedrag");
var previewNode = document.querySelector("#dz-template");
previewNode.id = "";
var previewTemplate = previewNode.parentNode.innerHTML;previewNode.parentNode.removeChild(previewNode);
Dropzone.autoDiscover = false;
this.uploadImageGalleryVar = new Dropzone(dz, {
url:"{$base_dir}post",
parallelUploads: 100,
paramName: "file",
params: { do: "imageupload" },
thumbnailWidth: 600,
thumbnailHeight: 600,
autoProcessQueue: false,
acceptedFiles:"image/*",
previewTemplate: previewTemplate,
uploadMultiple: false,
maxFiles: 8,
maxFilesize: 5,
autoDiscover : false,
previewsContainer: "#previews",
headers: { "Accept": "application/javascript" }
});
},
},
mounted: function() {
this.DZint();
}
});
谁能告诉我如何在不使用 Vue CLI 的情况下将 dropzone 与 vuejs 一起使用。
how upload file using dropzone & vueJs
const app = new Vue({
el: '#newpost',
数据: {
形式: {
标题:'',
},
allerros: [],
成功:假,
},
方法 : {
onSubmit(){</p>
<pre><code> },
DzSpanclick(){
$("#filedrag").click();
},
DZint() {
let dz = document.querySelector("#filedrag");
var previewNode = document.querySelector("#dz-template");
previewNode.id = "";
var previewTemplate = previewNode.parentNode.innerHTML;previewNode.parentNode.removeChild(previewNode);
Dropzone.autoDiscover = false;
this.uploadImageGalleryVar = new Dropzone(dz, {
url:"{$base_dir}post",
parallelUploads: 100,
paramName: "file",
params: { do: "imageupload" },
thumbnailWidth: 600,
thumbnailHeight: 600,
autoProcessQueue: false,
acceptedFiles:"image/*",
previewTemplate: previewTemplate,
uploadMultiple: false,
maxFiles: 8,
maxFilesize: 5,
autoDiscover : false,
previewsContainer: "#previews",
headers: { "Accept": "application/javascript" }
});
},
},
mounted: function() {
this.DZint();
}
});