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

首頁 > 編程 > JavaScript > 正文

js實現上傳圖片預覽方法

2019-11-20 08:40:35
字體:
來源:轉載
供稿:網友

圖片預覽的 javascript 本地操作

早期瀏覽器,不能將本地圖片作為頁面元素處理,要實現圖片預覽需要將圖片先上傳到服務器,再從服務器取得進行預覽

現代的瀏覽器功能越來越全面,因此可以實現對一些數據的本地處理 Chrome MsEdge(ie11) Firefox 

上圖的html

<tr><td>縮略圖</td><td>  <a href="javascript::void(0)" class="fileBtn">  選擇文件  <input type="file" id="file_pic">  </a></td></tr><tr><td></td><td><img id="file_view" style="width:110px"></td></tr>
// 下面用于圖片上傳預覽功能 objc : { file, pic, width } yqUI.setImagePreview = function(objc) {  var docObj=document.getElementById(objc.file);  var imgObjPreview=document.getElementById(objc.pic); if(docObj.files &&docObj.files[0]){  imgObjPreview.style.display = 'block'; imgObjPreview.style.width = objc.width; imgObjPreview.src = window.URL.createObjectURL(docObj.files[0]);   return true; } else { return false; }; }; // 使用該控件, opts 配置對象 var opts = {  file : 'file_pic',  pic : 'file_view',  width : '180px'} yqUI.setImagePreview(opts);

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持武林網。 

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 寻乌县| 喀喇沁旗| 枣强县| 芮城县| 横峰县| 宣武区| 米脂县| 集贤县| 漳浦县| 曲周县| 揭阳市| 澄城县| 盐源县| 遂宁市| 泌阳县| 陇南市| 广饶县| 五家渠市| 八宿县| 桑植县| 比如县| 青海省| 卢湾区| 长宁县| 宣化县| 和田市| 商丘市| 衡山县| 垫江县| 全南县| 玉屏| 巨鹿县| 香格里拉县| 瑞丽市| 安图县| 万年县| 大丰市| 明溪县| 庆云县| 万盛区| 商丘市|