Javascript 如何在单击图标时激活dropzone
我使用的是图像。 我想在单击图像时激活dropzone图像选择框。 当用户点击Javascript 如何在单击图标时激活dropzone,javascript,jquery,file-upload,dropzone.js,Javascript,Jquery,File Upload,Dropzone.js,我使用的是图像。 我想在单击图像时激活dropzone图像选择框。 当用户点击时,用户可以通过浏览和上传选择文件,图像预览应显示在 Dropzone.options.myAwesomeDropzone={ 参数名称:“文件”, 最大文件大小:10, url:“上传图像”, PreviewContainer:#媒体上传预览”, uploadMultiple:true, 并行上传:5, 最大文件数:20 } 您可以像这样将代码包装到jquery单击事件中 $(document).on("click
时,用户可以通过浏览和上传选择文件,图像预览应显示在
Dropzone.options.myAwesomeDropzone={
参数名称:“文件”,
最大文件大小:10,
url:“上传图像”,
PreviewContainer:#媒体上传预览”,
uploadMultiple:true,
并行上传:5,
最大文件数:20
}
您可以像这样将代码包装到jquery单击事件中
$(document).on("click", "#dzopen", function(){
//initilize your dropzone here .
});
您可以像这样将代码包装到jquery单击事件中
$(document).on("click", "#dzopen", function(){
//initilize your dropzone here .
});
您可以像这样将代码包装到jquery单击事件中
$(document).on("click", "#dzopen", function(){
//initilize your dropzone here .
});
您可以像这样将代码包装到jquery单击事件中
$(document).on("click", "#dzopen", function(){
//initilize your dropzone here .
});
这个代码对我有用
$("i#dzopen").dropzone({
paramName: "file",
maxFilesize: 10,
url: 'UploadImages',
previewsContainer: "#media-upload-previews",
uploadMultiple: true,
parallelUploads: 5,
maxFiles: 20,
acceptedFiles: "image/*,audio/*,video/*",
init: function () {
this.on("success", function (file, responseText) {
alert(file);
alert(responseText);
console.log(file);
});
this.on("thumbnail", function (file, dataUrl) {
$('#media-upload-previews').append('<img src="' + dataUrl + '" width="50" height="50" alt="">');
});
this.on("removedfile", function (file) {});
this.on("complete", function (file) {
alert(file);
});
}
});
$(“i#dzone”).dropzone({
参数名称:“文件”,
最大文件大小:10,
url:“上传图像”,
PreviewContainer:#媒体上传预览”,
uploadMultiple:true,
并行上传:5,
最大文件数:20,
接受的文件:“图像/*,音频/*,视频/*”,
init:函数(){
this.on(“success”,函数(文件,responseText){
警报(文件);
警报(responseText);
console.log(文件);
});
此.on(“缩略图”,函数(文件、数据URL){
$(“#媒体上传预览”).append(“”);
});
on(“removedfile”,函数(file){});
此.on(“完成”,函数(文件){
警报(文件);
});
}
});
此代码对我有效
$("i#dzopen").dropzone({
paramName: "file",
maxFilesize: 10,
url: 'UploadImages',
previewsContainer: "#media-upload-previews",
uploadMultiple: true,
parallelUploads: 5,
maxFiles: 20,
acceptedFiles: "image/*,audio/*,video/*",
init: function () {
this.on("success", function (file, responseText) {
alert(file);
alert(responseText);
console.log(file);
});
this.on("thumbnail", function (file, dataUrl) {
$('#media-upload-previews').append('<img src="' + dataUrl + '" width="50" height="50" alt="">');
});
this.on("removedfile", function (file) {});
this.on("complete", function (file) {
alert(file);
});
}
});
$(“i#dzone”).dropzone({
参数名称:“文件”,
最大文件大小:10,
url:“上传图像”,
PreviewContainer:#媒体上传预览”,
uploadMultiple:true,
并行上传:5,
最大文件数:20,
接受的文件:“图像/*,音频/*,视频/*”,
init:函数(){
this.on(“success”,函数(文件,responseText){
警报(文件);
警报(responseText);
console.log(文件);
});
此.on(“缩略图”,函数(文件、数据URL){
$(“#媒体上传预览”).append(“”);
});
on(“removedfile”,函数(file){});
此.on(“完成”,函数(文件){
警报(文件);
});
}
});
此代码对我有效
$("i#dzopen").dropzone({
paramName: "file",
maxFilesize: 10,
url: 'UploadImages',
previewsContainer: "#media-upload-previews",
uploadMultiple: true,
parallelUploads: 5,
maxFiles: 20,
acceptedFiles: "image/*,audio/*,video/*",
init: function () {
this.on("success", function (file, responseText) {
alert(file);
alert(responseText);
console.log(file);
});
this.on("thumbnail", function (file, dataUrl) {
$('#media-upload-previews').append('<img src="' + dataUrl + '" width="50" height="50" alt="">');
});
this.on("removedfile", function (file) {});
this.on("complete", function (file) {
alert(file);
});
}
});
$(“i#dzone”).dropzone({
参数名称:“文件”,
最大文件大小:10,
url:“上传图像”,
PreviewContainer:#媒体上传预览”,
uploadMultiple:true,
并行上传:5,
最大文件数:20,
接受的文件:“图像/*,音频/*,视频/*”,
init:函数(){
this.on(“success”,函数(文件,responseText){
警报(文件);
警报(responseText);
console.log(文件);
});
此.on(“缩略图”,函数(文件、数据URL){
$(“#媒体上传预览”).append(“”);
});
on(“removedfile”,函数(file){});
此.on(“完成”,函数(文件){
警报(文件);
});
}
});
此代码对我有效
$("i#dzopen").dropzone({
paramName: "file",
maxFilesize: 10,
url: 'UploadImages',
previewsContainer: "#media-upload-previews",
uploadMultiple: true,
parallelUploads: 5,
maxFiles: 20,
acceptedFiles: "image/*,audio/*,video/*",
init: function () {
this.on("success", function (file, responseText) {
alert(file);
alert(responseText);
console.log(file);
});
this.on("thumbnail", function (file, dataUrl) {
$('#media-upload-previews').append('<img src="' + dataUrl + '" width="50" height="50" alt="">');
});
this.on("removedfile", function (file) {});
this.on("complete", function (file) {
alert(file);
});
}
});
$(“i#dzone”).dropzone({
参数名称:“文件”,
最大文件大小:10,
url:“上传图像”,
PreviewContainer:#媒体上传预览”,
uploadMultiple:true,
并行上传:5,
最大文件数:20,
接受的文件:“图像/*,音频/*,视频/*”,
init:函数(){
this.on(“success”,函数(文件,responseText){
警报(文件);
警报(responseText);
console.log(文件);
});
此.on(“缩略图”,函数(文件、数据URL){
$(“#媒体上传预览”).append(“”);
});
on(“removedfile”,函数(file){});
此.on(“完成”,函数(文件){
警报(文件);
});
}
});
我已在此处完成请参见现在尝试仅查看自定义图像我已在此处完成请参见现在尝试仅查看自定义图像我已在此处完成请参见现在尝试仅查看自定义图像我已在此处完成请参见现在尝试仅查看自定义图像