Mat*_*ura 5 javascript media html5 android-camera angular
我正在实现一个简单的图像上传表单.在手机上,用户可以选择使用相机拍照并上传.
出于某种原因,以这种方式拍摄的照片不会保存到图库中.
HTML声明中是否有任何内容可以将图片保存到图库中,无论是丢弃还是使用它?
这是我的表格(在Angular中):
<ng-container *ngFor="let image of imageList; let i = index;">
<div class="mb-1" fxLayoutAlign.gt-xs="space-between" fxLayoutGap.xs="10px" fxLayout.xs="column">
<input type="file" accept="image/*" [disabled]="image.hasOwnProperty('Id') && image?.Id" (change)="showPreview($event, img, i)" #input/>
<img [src]="image?.url" alt="" #img class="image-limited" />
<p *ngIf="image?.url !== ''" fxLayoutAlign.xs="center center">{{ image?.hasOwnProperty('name') ? image?.name : (form.get('AssetNumber').value || '') + '_' + (i + 1) }}</p>
<button md-raised-button color="accent" class="delete-button" (click)="clearImage(input, img, $event, i)" [disabled]="image?.url === ''">
<i class="fa fa-remove"></i> {{ 'ADD_EDIT_ASSET_IMAGE_DELETE_BUTTON_TEXT' | translate }}
</button>
</div>
<hr class="mb-1" *ngIf="i !== imageList.length - 1" />
</ng-container>
Run Code Online (Sandbox Code Playgroud)
在更改输入时调用此方法:
showPreview(event: { target: { files: FileList, value: string } }, element: HTMLImageElement, imageIndex: number): void {
ImageCompression.compress(event.target.files[0], this.configurationService.previewQuality)
.then((res: File) => {
const imageUrl: string = URL.createObjectURL(res);
this.imageList[imageIndex].url = this.sanitizer.bypassSecurityTrustUrl(imageUrl);
this.renderer.setAttribute(element, 'src', imageUrl);
});
}
Run Code Online (Sandbox Code Playgroud)
小智 5
TL; DR:不是预期的行为.
当您在网页中输入文件时,用户不希望保存图像.他们希望将图像上传到页面,也可以上传到服务器.
已安装的应用程序具有分配给它的权限和内存空间.预计该应用程序将保存图像.网页不是手机中安装的应用程序,它没有分配内存,也没有权限.如果网页突然开始在未经许可的情况下将图像保存在内存中,用户就会生气.
话虽如此,您确定可以拍照然后将其下载到手机内存中.但是用户会将其视为下载.
但是有一个问题:你无法控制照片的来源.用户可以选择文件选择器并输入已保存的图像,如果您下载它而不询问用户可能在其内存中有重复的文件.这肯定会让我发疯.
询问用户是否希望下载它会更好.这种行为可确保在桌面或移动设备中看到的页面的一致性.但同样,您无法控制图像的保存位置或图像是否可以下载.如果以后需要图像,则需要用户选择这些图像并按常规输入.
小智 0
也许和权限有关,这个允许存储,而CAMERA一个可能只允许使用它:
https://developer.android.com/reference/android/Manifest.permission#WRITE_EXTERNAL_STORAGE
您的权限列表是什么?
(可能不相关,但以防万一!)
| 归档时间: |
|
| 查看次数: |
456 次 |
| 最近记录: |