JQuery Dropzone Clickable Blueimp

Question

JQuery Dropzone Clickable Blueimp

0

Я использовал эффект dropzone, я все сделал правильно, мой вопрос вместо кнопки "Добавить файлы", я хочу сделать зону dropzone доступной (div)

Например

<div id="dropzone"></div>

Я хочу сделать этот клик, чтобы попытаться.

<div id="dropzone><input type='file' name='files' multiple>

Однако это показывает уродливое поле браузера над моим div. Есть ли способ удалить это и просто сделать div нажав, чтобы показать диалог выбора файлов?

user2587774 13 нояб. 2013, в 06:52

Источник

Теги:

php

jquery

blueimp

1 ответ

Ещё вопросы

Rituraj ratan · Answer 1 · 2013-11-13T04-27-00.000Z

В HTML

<div id="dropzone><input type='file' style="display:none" name='files' multiple></div>

В JS

$(document).ready(function(){

$("#dropzone").on("click",function(){// here when click on dropzone div
$("#dropzone input[type='file']").trigger('click');// then trigger input type=file change event 
});


});

Спасибо за попытку ... Но это не сработало! / PTXM3 /
см. jsfiddle.net/riturajratan/pTXM3/6 и примените на своей странице jsfiidle, чтобы система не отображала всплывающее окно
Привет, я попробовал, не работает на моей странице ... и это позволяет всплывающее окно (попробуйте добавить <input type = "file" name = "files">, это работает)
Я хотел бы добавить, что это с плагином blueimp ...
$("#dropzone input[type='file']").on("click",function(){ e.stopPropagation(); }); Нужно добавить это, иначе вы вызовете бесконечный цикл