做爰高潮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
主站蜘蛛池模板: 泾川县| 遵义县| 西吉县| 临泽县| 平遥县| 颍上县| 巴青县| 尖扎县| 伊通| 图片| 顺义区| 新河县| 桃江县| 漯河市| 鄢陵县| 阿拉善左旗| 黄石市| 洛宁县| 上栗县| 泰兴市| 博客| 隆子县| 富民县| 新邵县| 南丹县| 漳州市| 逊克县| 尉犁县| 永善县| 济宁市| 将乐县| 秦皇岛市| 乌鲁木齐市| 出国| 漯河市| 乌什县| 云安县| 延寿县| 共和县| 阿拉善右旗| 久治县|