簡體 English 中英

獲取輸入img類型選擇的圖片並加載到圖像標簽中

[英]taking an input img type selected picture and load into an image tag

原文 2012-06-21 21:14:59 4 1 javascript/ jquery/ html/ file-upload/ image

所以，我有一個輸入框用於上傳img文件。 我想要做的是從該（或選定的源）獲取數據並將其路由到圖像標記的src屬性。

像這樣的東西： http ： //jsfiddle.net/QC2c4/

它有點像客戶端驗證程序來顯示用戶要上傳的內容。 我知道我需要檢查有效img類型的擴展名，.png，.bmp，.png，.tiff等等。

我將如何進行鏈接過程？

1 個解決方案

這是答案，作為額外的獎勵，我將圖像加載到預覽窗格中。 關鍵是在更改時從文件選擇器中提取files[0]對象。

http://jsfiddle.net/TbZzH/1/

加載外部圖像 <img> Chrome應用中的標記

[英]Load an external image in <img> tag in a Chrome App

抓住未知照片 <img> 標記並設置默認圖像

[英]Catch the unknown picture on <img> tag and set default image

從中獲取src值的圖像 <img> 標記並提交給 <input type=“file”> 通過JavaScript

[英]Getting an image from value of src in <img> tag and submitting it to <input type=“file”> via javascript

更改src時圖像加載滯后 <img> 在React中標記

[英]Image load lags when changing src on <img> tag in React

在與輸入相同的父項下預覽img元素中的所選圖像

[英]Preview selected image in img element under same parent as input

更改 <input> 至 <img> 標簽

[英]Change <input> to <img> tag

img 標簽在輸入后獲取 src 的值，但未顯示圖像

[英]img tag is getting value of src after input but image is not getting displayed

圖片庫與<img>標簽？

[英]Image galleries with <img> tag?

在img標簽中上傳圖片

[英]Upload Image in a img tag

（HTML + JS Issue）將輸入類型文件中的圖像加載到img

[英](HTML + JS Issue) Load the images from the input type file to a img

暫無

暫無

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

相關問題 加載外部圖像 <img> Chrome應用中的標記抓住未知照片 <img> 標記並設置默認圖像從中獲取src值的圖像 <img> 標記並提交給 <input type=“file”> 通過JavaScript 更改src時圖像加載滯后 <img> 在React中標記在與輸入相同的父項下預覽img元素中的所選圖像更改 <input> 至 <img> 標簽 img 標簽在輸入后獲取 src 的值，但未顯示圖像圖片庫與<img>標簽？在img標簽中上傳圖片（HTML + JS Issue）將輸入類型文件中的圖像加載到img

相關標簽

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