資訊專欄INFORMATION COLUMN
摘要：最近用做項(xiàng)目，上傳圖片時(shí)在里面拿到文件，將文件轉(zhuǎn)化為地址顯示的時(shí)候，發(fā)現(xiàn)里面報(bào)錯(cuò)，同時(shí)提示，最后在谷歌找到解決辦法。下面附上我的代碼截圖。在組件里面引入內(nèi)置的模塊我喜歡在構(gòu)造器里面定義屬性將地址轉(zhuǎn)化為安全地址最后就可以把地址放入的上面了。
??最近用angular4做項(xiàng)目，上傳圖片時(shí)在onchange里面拿到files文件，將files文件轉(zhuǎn)化為url地址顯示的時(shí)候，發(fā)現(xiàn)console里面報(bào)錯(cuò)，同時(shí)angular4提示W(wǎng)ARNING: sanitizing unsafe URL value，最后在谷歌找到解決辦法。下面附上我的代碼截圖。
??html中使用input標(biāo)簽
??在onchange里面拿到files文件
// 獲取圖片文件 let files = this.files; // 轉(zhuǎn)化為url let imgurl = window.URL.createObjectURL(files[0]);
??這時(shí)按照我以前用angular1的做法直接把這個(gè)地址綁定到img標(biāo)簽上就可以預(yù)覽本地上傳的圖片，但是，angular4卻報(bào)了WARNING: sanitizing unsafe URL value，還好找到了解決辦法。
1：在組件里面引入angular內(nèi)置的StampComponent模塊
import {StampComponent} from "../base/stamp/stamp.component";
2：我喜歡在構(gòu)造器里面定義屬性
constructor(private sanitizer:DomSanitizer) { }
3：將地址轉(zhuǎn)化為安全地址
let sanitizerUrl = self.sanitizer.bypassSecurityTrustUrl(imgurl);
??最后就可以把地址放入img的src上面了。
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://m.specialneedsforspecialkids.com/yun/92125.html
摘要：文章首發(fā)于藍(lán)鍋鍋博客主要是用到的接口，既然是的，所支持的瀏覽器我就不多說(shuō)啦，老生常談的問(wèn)題了，遠(yuǎn)離，珍惜生命。目錄路徑為目錄路徑為文章首發(fā)于藍(lán)鍋鍋博客，歡迎交流，共同進(jìn)步。 我們?cè)陂_(kāi)發(fā)系統(tǒng)時(shí)，處理圖片上傳是不可避免的，例如使用thinkphp的肯定很熟悉import(@.ORG.UploadFile);的上傳方式，今天我們來(lái)講一個(gè)使用html5 base64上傳圖片的方法。文章首發(fā)于藍(lán)...
摘要：文章首發(fā)于藍(lán)鍋鍋博客主要是用到的接口，既然是的，所支持的瀏覽器我就不多說(shuō)啦，老生常談的問(wèn)題了，遠(yuǎn)離，珍惜生命。目錄路徑為目錄路徑為文章首發(fā)于藍(lán)鍋鍋博客，歡迎交流，共同進(jìn)步。 我們?cè)陂_(kāi)發(fā)系統(tǒng)時(shí)，處理圖片上傳是不可避免的，例如使用thinkphp的肯定很熟悉import(@.ORG.UploadFile);的上傳方式，今天我們來(lái)講一個(gè)使用html5 base64上傳圖片的方法。文章首發(fā)于藍(lán)...
摘要：表示不一定是原生形式的數(shù)據(jù)。接口基于，繼承了的功能并將其擴(kuò)展使其支持用戶系統(tǒng)上的文件。讀取操作完成的時(shí)候，會(huì)變成已完成，并觸發(fā)事件，同時(shí)屬性將包含一個(gè)格式的字符串編碼以表示所讀取文件的內(nèi)容。 溫馨提示：這里除了一些幼稚的小組件啥也沒(méi)有溫馨提示-續(xù)：這是一個(gè)新的系列，寫(xiě)一些實(shí)際開(kāi)發(fā)中遇到的一些常用的功能，想法笨拙，代碼亂套 寫(xiě)在前面 圖片上傳，作為web端一個(gè)常用的功能，在不同的項(xiàng)目中有...
閱讀 3328·2021-11-08 13:12
閱讀 2771·2021-10-15 09:41
閱讀 1464·2021-10-08 10:05
閱讀 3311·2021-10-08 10:04
閱讀 2123·2021-09-29 09:34
閱讀 2499·2019-08-30 15:55
閱讀 2991·2019-08-30 15:45
閱讀 2600·2019-08-29 14:17
