拖放到文件输入div jquery

时间:2016-03-15 07:42:40

标签: jquery image file input drag-and-drop

我有一个连接到按钮的文件输入。因此,当单击div时,也会单击隐藏文件输入。当文件(图像)发送到站点时,它被实现为按钮背景。

HTML

<input type='file' id='form_file' onchange="readURL(event)" accept="image/*"/>
<button id="form_button"><i class="fa fa-camera-retro"></i></button>

Jquery的

$("#form_button").click(function() {
    $("#form_file").click();
    return false;
})
function readURL(event){
    var getImagePath = URL.createObjectURL(event.target.files[0]);
    $('#form_button').css('background-image', 'url(' + getImagePath + ')');
}

所以我的问题是我无法将文件放入按钮。有谁知道如何使按钮可以放置? 谢谢。

0 个答案:

没有答案