Cách hiển thị hình ảnh cục bộ: // trong khung ionic + cordova?

Question

Có ai biết cách hiển thị hình ảnh cục bộ, được đóng gói bên trong thùng chứa Cordova, sử dụng Ionic (http://ionicframework.com/docs/) không?

tôi hiện đang nhận được lỗi này khi ứng dụng chạy trên một thiết bị:

GET không an toàn: địa phương: ///img/thumbs/myImage.jpg Unhandled Nghị định thư

ứng dụng Cordova của tôi là xây dựng dành cho BlackBerry 10 & Android sử dụng khung công nghệ ionic. Ứng dụng sẽ hiển thị hình ảnh được đóng gói bên trong ứng dụng Cordova, sử dụng mẫu sau:

<img ng-src="img/thumbs/{{img.path}}" ng-click="fooBar(img)"/> 

Tại sao lỗi này xảy ra?

Answer 1

Tôi đã phát hiện ra đây là hạn chế hiện tại của khung công tác liên quan đến hỗ trợ BlackBerry 10. Tôi đã đăng nhập một lỗi ở đây: http://github.com/driftyco/ionic/issues/1066

Để khắc phục điều này, tôi đã chỉnh sửa thủ công thư viện ionic để hỗ trợ giao thức cục bộ.

Answer 2

Tôi vừa mới kéo yêu cầu đến Góc, vì đó là giới hạn Góc, không phải của khung Ionic. Bạn sẽ nhìn thấy kéo theo yêu cầu ở đây: https://github.com/angular/angular.js/pull/8787

Answer 3

vấn đề góc

Thay thế dòng sau trong ionic.bundle.js

var aHrefSanitizationWhitelist = /^\s*(https?|ftp|mailto|tel|file):/, 
    imgSrcSanitizationWhitelist = /^\s*((https?|ftp|file|blob):|data:image\/)/; 

để

var aHrefSanitizationWhitelist = /^\s*(https?|ftp|mailto|tel|file|local):/, 
    imgSrcSanitizationWhitelist = /^\s*((https?|ftp|file|blob|local):|data:image\/)/;