jquery - 单击时上传 JQuery 文件

Question

我不想使用输入类型的文件进行文件上传，而是想使用一个可点击的 div，它像输入一样调用正常的文件上传。

instead of this
<input type="file"/> 

I want this
<div>Click to upload</div>
and paste the file path in the div

Answer 1

主意：

当用户点击 div 时，在文件输入上调用 click 事件，当它改变时，在 div 上插入 html

在 div 上

 $('#magicdiv').click(function(){
 $('#leupload').click();
  });

在上传文件上

$('#leupload').change(function(){
$('#magicdiv').html( $(this).val() );
});