使用html和javascript將圖像上載到html頁面

我正嘗試使用<input type="file">元素在html頁面上載圖像。我想使用上傳的圖片替換頁面上的其他圖片。但是，該控件不會傳遞到Java腳本函數。我試圖找出爲什麼控制不通過。以下是我正在使用的代碼：使用html和javascript將圖像上載到html頁面

<label>Upload a Picture</label 
<img src="unknown_person.jpg" height="250" width="250"></img> 

<div> 
    <form name="image1" enctype="multipart/form-data" action="/" method="POST" onsubmit="return UploadPic()"> 
     <input type="file" name="imgfile"></input> 
    </form> 
</div>

在此先感謝。

來源

2013-07-10 BuzzLightYear

要添加到上面的問題，我試圖上傳的圖像，然後調用JavaScript函數替換現有 – BuzzLightYear

無法攔截Java腳本中的文件上載。該文件必須上傳到服務器，然後頁面必須重新排列

來源

2013-07-10 05:16:35 TGH

的形象，但我不能調用文件上傳後照片直接一些功能？現在它似乎沒有調用UploadPic（）函數。對此有何建議？ – BuzzLightYear

你在哪裏提交表格？在表單實際提交之前它不會調用'UploadPic'。選擇文件只需在表單域中設置一個值。 –

@ mike-christensen，你能否通過提交表單來舉例說明你的意思？你的意思是我應該提供一些行動屬性的形式張貼的路徑，然後回到js功能？ – BuzzLightYear

一種方法是使用AJAX查詢上傳圖像的後端。像這樣

var pullImage = function() 
{ 
    // do ajax work 
    return image ? propagateHTML('element', image.uri) : fallback(); 
} 

var propagateHTML = function(id, uri) 
{ 
    document.getElementById(id).innerHTML = uri; 
}

來源

2013-07-10 05:22:13

我的問題是調用不會去javascript函數「UploadPic（）」。所以，我無法使用那裏面的代碼。所以，你提供的代碼將會有同樣的問題。 – BuzzLightYear

使用html和javascript將圖像上載到html頁面

回答

相關問題