2011-08-05 49 views
0

IM上的頭版廣告的工作,現在 的廣告頁面將顯示圖像和一些標題等我如何去添加一張圖片作爲預覽表單?

在後臺香港專業教育學院創建的窗體爲用戶改變這種形象 然後將圖像保存在數據庫作爲BLOB(其中即時通訊不知道)

我會liek能夠預覽之後用戶上傳

香港專業教育學院用Google搜索的圖片,還沒有找到任何答案,等

任何提示和幫助將會升值ated!

<html> 
<body> 
<form action=""> 
<fieldset> 
<legend>Personal information:</legend> 
Name: <input type="text" size="30" /><br /> 
E-mail: <input type="text" size="30" /><br /> 
Date of birth: <input type="text" size="10" /> 
Picture: <input type="img" /> 
</fieldset> 
</form> 
</body> 
</html> 

我需要生成這個使用JavaScript,讓我怎麼去把那張照片的形式?並預覽它。

回答

2

你需要什麼樣的瀏覽器支持?如果它確定此功能(預覽圖片上傳),只在現代瀏覽器的工作(最新的火狐,Chrome等),你可以嘗試使用HTML5中的文件API。

FileReader examples

這很有趣,因爲你可以閱讀或有關文件的當前信息的所有客戶端上,你甚至把它上傳到服務器之前。

如果您有支持此功能,能力較差的瀏覽器,你可能只能堅持,你使用XHR帖子上傳的文件,然後你的服務器返回一個URL到圖像的解決方案。上傳完成後,您可以動態更新頁面上的圖片源,同時保持在同一頁面上。

+0

我們用更現代的瀏覽器,因此HTML5是沒有問題的.. – iCodeLikeImDrunk

+0

以U提供IVE還試圖鏈接的例子,但這些似乎並不想適應的形式.. 還如何將我去創造它使用javascript? – iCodeLikeImDrunk

+0

您是否看過「使用表單輸入進行選擇」示例中的代碼?如果你嘗試這種方法,你有什麼問題?嘗試從該示例中的JavaScript開始,也許鏈接到您的代碼,以便我可以查看它?另外,你能否擴展「不想適應表格」? –

相關問題