文件輸入類型的點擊事件？

Question

我想在我的MVC項目中實現一個圖像/文件上傳器的javascript組件。

上載者的jQuery組件綁定到包含<input type="file" />

在我的情況我是一個用戶編輯個人資料頁，其中字段自然與<form>但對於這個jQuery組件我不得不封裝在一個表單元素將上傳器綁定到表單元素。

這對我提供了一個獨特的問題，因爲你真的不能有一個表格內部的形式..

我已經改變了元素是一個元素，但然後輸入onclick事件不會觸發，但拖放上傳作品仍然存在。我的問題是如何克服這種onclick事件問題？或者是我對最近發生的一些事情的理解？

我希望能夠點擊div元素，並讓文件瀏覽窗口出現，就像正常的舊式文件上傳器一樣。

組件：http://aquantum-demo.appspot.com/file-upload

預先感謝您。

編輯

<form action="<?= URL; ?>/users/op/<?php echo ($this->op === 'edit') ? 'edit' : 'add' ?>" method="post" id="item-form" name="item-form" enctype="multipart/form-data"> 
<!-- Some other fields here --> 
<!-- The file upload component --> 
<div id="file_upload"> 
    <input type="file" name="file" /> 
    <button>Upload</button> 
    <div>Upload profile picture</div> 
</div> 
</form> 

Answer 1

您可以用jQuery做到這一點：

​​