国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

input file上傳 圖片預(yù)覽功能實例代碼

2019-11-20 08:40:05
字體:
供稿:網(wǎng)友

input file上傳圖片預(yù)覽其實很簡單,只是沒做過的感覺很神奇,今天我就扒下她神秘的面紗,其實原理真的很簡單,下面通過一段代碼大家都明白了。

具體代碼如下所示:

<!DOCTYPE html><html><head><meta charset="utf-8" /><title></title><script src="jquery.js"></script></head><body><input type="file" multiple id="inputs"/> //multiple(多文件上傳)<div id='dd'></div><script>$(document).ready(function () {$("#inputs").change(function () {var fil = this.files;for (var i = 0; i < fil.length; i++) {reads(fil[i]);}});});function reads(fil){var reader = new FileReader();reader.readAsDataURL(fil);reader.onload = function(){document.getElementById("dd").innerHTML += "<img src='"+reader.result+"'>";};}</script></body><html>

實現(xiàn)上傳圖片直接預(yù)覽,避免提交后在讀取圖片的冗余過程

以上所述是小編給大家介紹的input file上傳 圖片預(yù)覽功能實例代碼,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對武林網(wǎng)網(wǎng)站的支持!

發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板: 星座| 夏邑县| 沭阳县| 义乌市| 日喀则市| 喀喇沁旗| 渝中区| 环江| 通河县| 项城市| 许昌县| 吕梁市| 勃利县| 巴林右旗| 交口县| 上林县| 涟水县| 东丽区| 长乐市| 林周县| 乐清市| 昭觉县| 西藏| 泰顺县| 历史| 留坝县| 余庆县| 平罗县| 应城市| 如皋市| 阿拉善右旗| 宣汉县| 逊克县| 皋兰县| 四子王旗| 大渡口区| 庆云县| 通江县| 吉隆县| 平罗县| 西华县|