如何解决如何修复“拒绝”以将图像加载到cordova中?
我制作了cordova应用程序以从相机和画廊上传图像,并且我希望将该文件上传至服务器。
这是我的JavaScript代码
document.addEventListener('deviceready',function(){
pictureSource = navigator.camera.PictureSourceType;
destinationType = navigator.camera.DestinationType;
});
function onPhotoFileSuccess(imageData) {
alert("onPhotoFileSuccess was called. imageData: "+imageData);
// Get image handle
console.log(JSON.stringify(imageData));
$('#imagePreview').css('background-image','url('+imageData +')');
uploadimgdata=imageData;
}
// Called when a photo is successfully retrieved
//
function onPhotoURISuccess(imageURI) {
alert("onPhotoURISuccess was called. imageuri: "+imageURI);
if (imageURI.substring(0,21)=="content://com.android") {
photo_split=imageURI.split("%3A");
imageURI="content://media/external/images/media/"+photo_split[1];
}
$('#imagePreview').css('background-image','url('+imageURI +')');
uploadimgdata=imageURI;
}
function capturePhotoWithFile() {
navigator.camera.getPicture(onPhotoFileSuccess,onFail,{ quality: 50,destinationType: Camera.DestinationType.FILE_URI });
}
function getPhoto(source) {
navigator.camera.getPicture(onPhotoURISuccess,destinationType: destinationType.FILE_URI,sourceType: source });
}
function onFail(message) {
messageAlert(message);
}
这是我的查看代码
<div class="item-inner">
<div class="item-title item-label">Upload File</div>
<div class="item-input-wrap">
<div class="avatar-upload sheet-open" data-sheet=".my-sheet-swipe-to-close-file">
<div class="avatar-edit">
</div>
<div class="avatar-preview">
<div id="imagePreview" style="background-image: url('./img/other/notfound.jpg');">
</div>
</div>
</div>
</div>
</div>
<div class="sheet-modal my-sheet-swipe-to-close-file" style="height:195px; --f7-sheet-bg-color: #fff;">
<div class="sheet-modal-inner">
<div class="page-content">
<div class="block-title block-title-large text-align-center"><b>Choose File</b></div>
<div class="block text-align-center">
<div class="row">
<div class="col-50">
<a href="#" class="col sheet-close text-align-center" onclick="capturePhotoEdit();" style="display: grid;">
<i class="fas fa-camera" style="display: block;position: relative;margin: 0px auto;font-size: 40px;padding: 20px;border-radius: 50%;Box-shadow: 0 8px 25px 0 rgba(0,0.2);margin-bottom: 10px;"></i>Take a Picture
</a>
</div>
<div class="col-50">
<a href="#" class="col sheet-close text-align-center" onclick="getPhoto(navigator.camera.PictureSourceType.SAVEDPHOTOALBUM);" style="display: grid;">
<i class="far fa-folder-open" style="display: block;position: relative;margin: 0px auto;font-size: 40px;padding: 20px;border-radius: 50%;Box-shadow: 0 8px 25px 0 rgba(0,0.2);margin-bottom: 10px;"></i>Pilih Gambar
</a>
</div>
</div>
</div>
</div>
</div>
</div>
拒绝加载图像'content://com.miui.gallery.open/raw/%2Fstorage%2Femulated%2F0%2FDCIM%2FCamera%2FIMG_20201106_132412.jpg',因为它违反了以下内容安全策略指令:“ img-src'self'blob:数据:”。
拒绝加载图像'content://com.miui.gallery.open/raw/%2Fstorage%2Femulated%2F0%2FDCIM%2FCamera%2FIMG_20201106_132412.jpg',因为它违反了以下内容安全策略指令:“ default-src *'self''unsafe-inline''unsafe-eval'data:gap:“。请注意,未明确设置“ img-src”,因此将“ default-src”用作后备。
请帮助我修复此错误,谢谢
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。