2010-06-12 52 views
1

我需要上傳圖像,然後預覽它沒有回發,因爲我需要有文件上傳控制(甚至HTMLinputfile或ASPfileupload),然後用戶將瀏覽以選擇圖像後選擇(瀏覽)會出現一個按鈕(HTMLInputButton),它將保存上傳的圖像並預覽它。上傳和預覽圖像在客戶端沒有回發

我有以下代碼:

<div> 
    <input id="UploadInput" type="file" value="Upload" /> 
    <br /> 
    <input id="PreviewBtnInput" type="button" value="Preview" onclick="ShowPreview()" /> 
    <br /> 
    <img id="ImgUploaded" /> 
</div> 

那麼,如何可以做這個任務?

在此先感謝您的任何答覆,但如果任何人有鏈接的文章,談論這個問題,請我需要一個明確的代碼而不是文章的細節。

+0

你想這樣做,而根本沒有發送數據到服務器?如果是這種情況,您需要查看一些插件選項,例如閃光/ silverlight區域。 – 2010-06-12 13:09:16

+0

我需要向用戶預覽圖像,然後他應該決定是否接受此圖像,但所有這些需要完成而不回發,並且沒有SWF或外部資源只需將圖像上傳到客戶端代碼 – Ahmy 2010-06-12 13:16:58

回答

1

爲了在將圖片上傳到服務器之前預覽圖片,您需要使用基於Flash,Silverlight,ActiveX或Java Applet的文件上傳器。文件輸入本身不允許您與實際文件進行交互並將其顯示在您的網頁中。單獨使用它需要您將文件上傳到服務器,然後您可以使用URL(直接作爲文件或通過HTTPHandler)引用它。如果您必須在發佈之前進行預覽,則應該查找現有產品,以便在客戶端爲您處理此問題。快速谷歌flash-based file upload,帶來this,this,和this在結果。

+0

I不需要閃光控制或silverlight我需要上傳圖像或有一個預覽的圖像選擇withou張貼回來我只需要顯示在提交表單之前用戶選擇的圖像,並沒有需要flsh或任何外部資源我只是想知道我怎麼能上傳圖像或預覽它甚至與輸入文件或文件上傳我需要它沒有回發可能會調用webservice或使用ajax的概念,但不需要外部資源。 – Ahmy 2010-06-12 13:22:38

+0

@Amy - AJAX調用回發到服務器,無論如何不會用於文件上傳。您可以使用iframe來回發到服務器並將用戶保留在同一頁面上,但是您仍然必須執行回發 - 僅在iframe中。如果你想做真正的客戶端預覽,你沒有選擇,只能使用插件。 – tvanfosson 2010-06-12 13:35:50

+0

你的答案似乎是邏輯上,但插件太複雜,我需要一個明確的代碼來處理這個過程沒有更復雜的,我在這個插件中發現我認爲iframe可能適合我會嘗試它,但將所有的頁面回發或只是iframe的一部分?我需要知道裝載的進度條會不會出現?並感謝您的回答 – Ahmy 2010-06-12 21:44:46