簡體   English   中英

如何從用戶動態為img提供src

[英]how to give a src to img dynamically from a user

我正在嘗試從類型為“文件”的輸入按鈕的值中為圖像提供源,但是由於我從輸入類型的值中獲得的假路徑而無法顯示圖像:value有沒有一種替代方法來獲取jpg或png(圖像)的源?

您可以使用它來獲取文件內容,然后對它們進行base64編碼並推送至src值:

http://www.htmlgoodies.com/html5/tutorials/working-with-binary-files-using-the-javascript-filereader-.html#fbid=kLaP_XSD5_E

您可以使用HTML5 FileReader API。 請參閱下面的鏈接,或者如果下面的鏈接無濟於事,請嘗試使用Google API搜索如何使用API

http://www.onlywebpro.com/2012/01/24/create-thumbnail-preview-of-images-using-html5-api/

請注意,這不適用於低於版本10的IE和低於版本6的Safari。有關參考,請參閱: http : //caniuse.com/filereader

出於安全原因,這些瀏覽器不允許用戶在本地計算機上獲得正確的路徑。 如果您確實想在這些瀏覽器上進行此操作,則可以嘗試將圖像存儲在后端中。

希望能幫助到你。 干杯!

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM