国产成人精品亚洲777人妖,欧美日韩精品一区视频,最新亚洲国产,国产乱码精品一区二区亚洲

您的位置:首頁技術文章
文章詳情頁

javascript - 這種上傳圖片預覽怎么做?

瀏覽:132日期:2022-11-19 18:11:23

問題描述

類似于這種上傳圖片,還能預覽顯示的這種,前端應該怎么寫,有沒有類似的代碼可以提供給我看看!謝謝javascript - 這種上傳圖片預覽怎么做?

問題解答

回答1:

var fr = new FileReader(), file = document.getElementById('file'), img = document.createElement('img');file.onchange = function(e){ fr.onload = function(e){var res = this.result;img.src = res;document.body.appendChild(img);//顯示 };fr.readAsDataURL(file.files[0]);//讀取文件};回答2:

web uploader.js或FileReader API

回答3:

自己之前寫過一個商城商品圖片的預覽,思路很簡單,不知道對你有沒有幫助:1.上傳上的圖片,網頁上肯定顯示小的縮略圖吧;2.后臺(我們當時是后臺,你們也可以想想其他辦法)存儲兩張圖片,一張小的縮略圖,一張預覽的高清大圖;3.點擊小的縮略圖時,用模態框顯示大的高清圖。

回答4:

兩個demo:點擊事件https://github.com/treeandgra...圖片拖拽的https://github.com/treeandgra...

標簽: JavaScript
相關文章:
主站蜘蛛池模板: 岐山县| 临邑县| 加查县| 龙井市| 灌南县| 从化市| 梁平县| 天津市| 芜湖市| 鸡西市| 波密县| 霞浦县| 泗阳县| 榆社县| 营口市| 额尔古纳市| 章丘市| 大名县| 乡城县| 会理县| 呼图壁县| 望江县| 利辛县| 荥阳市| 宣武区| 淄博市| 古丈县| 栾川县| 陕西省| 镇巴县| 和龙市| 法库县| 溧阳市| 青川县| 满洲里市| 孟村| 杭锦旗| 揭西县| 岑溪市| 鄂托克前旗| 赞皇县|