国产探花免费观看_亚洲丰满少妇自慰呻吟_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);

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

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 班戈县| 剑阁县| 苗栗市| 东丽区| 元谋县| 阿鲁科尔沁旗| 黄大仙区| 二连浩特市| 枣庄市| 张家港市| 麻阳| 手游| 舞阳县| 新巴尔虎左旗| 大石桥市| 尉氏县| 四会市| 大邑县| 泰和县| 江源县| 罗平县| 屏山县| 乐清市| 曲麻莱县| 都昌县| 封开县| 哈巴河县| 宽城| 镇巴县| 从江县| 加查县| 科尔| 柞水县| 怀集县| 栾川县| 大名县| 台江县| 闽清县| 石楼县| 建湖县| 天峨县|