做爰高潮a片〈毛片〉,尤物av天堂一区二区在线观看,一本久久A久久精品VR综合,添女人荫蒂全部过程av

最新文章專題視頻專題問答1問答10問答100問答1000問答2000關鍵字專題1關鍵字專題50關鍵字專題500關鍵字專題1500TAG最新視頻文章推薦1 推薦3 推薦5 推薦7 推薦9 推薦11 推薦13 推薦15 推薦17 推薦19 推薦21 推薦23 推薦25 推薦27 推薦29 推薦31 推薦33 推薦35 推薦37視頻文章20視頻文章30視頻文章40視頻文章50視頻文章60 視頻文章70視頻文章80視頻文章90視頻文章100視頻文章120視頻文章140 視頻2關鍵字專題關鍵字專題tag2tag3文章專題文章專題2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章專題3
問答文章1 問答文章501 問答文章1001 問答文章1501 問答文章2001 問答文章2501 問答文章3001 問答文章3501 問答文章4001 問答文章4501 問答文章5001 問答文章5501 問答文章6001 問答文章6501 問答文章7001 問答文章7501 問答文章8001 問答文章8501 問答文章9001 問答文章9501
當前位置: 首頁 - 科技 - 知識百科 - 正文

使用Angular4有關圖片路徑不安全的問題

來源:懂視網 責編:小采 時間:2020-11-27 19:36:43
文檔

使用Angular4有關圖片路徑不安全的問題

使用Angular4有關圖片路徑不安全的問題:這篇文章主要給大家介紹了關于Angular4實現圖片上傳預覽路徑不安全問題的解決方法,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面來一起學習學習吧。前言前一段時間做項目時,遇到一個問題就是Angular
推薦度:
導讀使用Angular4有關圖片路徑不安全的問題:這篇文章主要給大家介紹了關于Angular4實現圖片上傳預覽路徑不安全問題的解決方法,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面來一起學習學習吧。前言前一段時間做項目時,遇到一個問題就是Angular

這篇文章主要給大家介紹了關于Angular4實現圖片上傳預覽路徑不安全問題的解決方法,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面來一起學習學習吧。

前言

前一段時間做項目時,遇到一個問題就是AngularJS實現圖片預覽和上傳的功能,在Angular4中,通過input:file上傳選擇圖片本地預覽的時候,通過window.URL.createObjectURL獲取的url賦值給image的src出現錯誤:

WARNING: sanitizing unsafe URL value

下面介紹一下解決方法:

html代碼:

<input type="file" (change)="fileChange($event)" >
<img [src]="imgUrl" alt="">

其中,change方法會在每次選擇圖片后調用,image的src必須通過屬性綁定的形式,使用插值表達式同樣會出錯

ts代碼

import { Component, OnInit } from '@angular/core';
import { DomSanitizer } from '@angular/platform-browser' 
@Component({
 selector: 'my-app',
 templateUrl: './app.component.html',
 styleUrls: ['./app.component.css']
})
export class AppComponent implements OnInit { 
 imgUrl;
 constructor(
 private sanitizer: DomSanitizer
 ){} 
 ngOnInit() { } 
 fileChange(event){
 let file = event.target.files[0];
 let imgUrl = window.URL.createObjectURL(file);
 let sanitizerUrl = this.sanitizer.bypassSecurityTrustUrl(imgUrl); 
 this.imgUrl = sanitizerUrl;
 }
}

首先,引入DomSanitizer,然后在構造器里面注入,最重要的就是把window.URL.createObjectURL生成的imgUrl通過santizer的bypassSecurityTrustUrl方法,將它轉換成安全路徑。

上面是我整理給大家的,希望今后會對大家有幫助。

相關文章:

vue+springboot如何實現單點登錄跨域問題(詳細教程)

詳細介紹javascript中常用工具類的封裝(詳細教程)

在vue中詳細介紹源碼入口文件(詳細教程)

詳細介紹幾種JavaScript編碼規范(詳細教程)

使用jQuery與vue如何實現拖動驗證碼功能

在JS中如何實現郵箱提示補全功能

聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

文檔

使用Angular4有關圖片路徑不安全的問題

使用Angular4有關圖片路徑不安全的問題:這篇文章主要給大家介紹了關于Angular4實現圖片上傳預覽路徑不安全問題的解決方法,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面來一起學習學習吧。前言前一段時間做項目時,遇到一個問題就是Angular
推薦度:
標簽: 圖片 相關 相關的
  • 熱門焦點

最新推薦

猜你喜歡

熱門推薦

專題
Top
主站蜘蛛池模板: 中山市| 塔河县| 黔东| 门头沟区| 云霄县| 祁门县| 黔南| 台北县| 隆尧县| 慈溪市| 新丰县| 安西县| 芒康县| 雅江县| 天津市| 白河县| 清水河县| 杨浦区| 洪泽县| 汤原县| 青田县| 上栗县| 通河县| 双鸭山市| 韩城市| 贵州省| 石渠县| 阿荣旗| 女性| 永寿县| 枣阳市| 上饶市| 开鲁县| 丰宁| 新化县| 嘉善县| 秦安县| 始兴县| 祁连县| 河曲县| 夹江县|