文件上傳插入鏈接圖片

Question

是否有可能使用jQuery：

時，我有一個簡單的上傳文件

<input type="file" /> 

和

<img src="http://www.my.com/images/myimage.png"> 

當我在圖像上單擊，即可使用

url圖像作爲文件上傳？

任何方法？

Answer 1

它只能通過javascript完成，但大多數瀏覽器不會讓你出於安全原因。 IE會盡管，不知道是否所有的版本。

<img src="images/flake.gif" name="flake" onclick="openUploadFileDialogue();"> 
<script> 
function openUploadFileDialogue(){ 
    var frm = document.form1.upload; 
    if(document.all && document.getElementById){ 
     document.form1.upload.click(); 
    } 
} 
</script> 

您COULDstyle your upload element with CSS取決於所期望的結果是什麼，以獲得期望的結果。