実機デバッグで実機内の写真画像の絶対パスを取得し、<img src="">に絶対パスを渡しても画像が表示されない

Question

前提・実現したいこと

実機デバッグで実機内の保存済写真画像の絶対パスを取得し、javascriptで<img src="">のsrcに絶対パスを入力しても
写真画像が表示されません。
表示したいのです。
実機内の絶対パスではなく、アプリ内に組み込んだ写真画像は相対パスで表示できています。

よろしくお願いいたします。

該当のソースコード

●html

<div><img id="imageFile" src="img/sample.png" /></div>

●javascript
var srcType = Camera.PictureSourceType.SAVEDPHOTOALBUM;
var options = setOptions(srcType);
navigator.camera.getPicture(function cameraSuccess(imageUri) {
jQuery("#imageFile").attr("src", imageUri); imageUriが実機内の絶対パスだと表示されない
jQuery("#imageFile").attr("src", "img/sample2.jpg");　アプリ内にある画像だと相対パスで表示されます

function setOptions(srcType) {
var options = {
// Some common settings are 20, 50, and 100
quality: 50,
destinationType: Camera.DestinationType.FILE_URI,
// In this app, dynamically set the picture source, Camera or photo gallery
sourceType: srcType,
encodingType: Camera.EncodingType.JPEG,
mediaType: Camera.MediaType.PICTURE,
allowEdit: true,
correctOrientation: true //Corrects Android orientation quirks
}
return options;
}

補足情報（FW/ツールのバージョンなど）

monacaさんのクラウドIDEでプロジェクトを作成し、iPhone12 miniにmonacaデバッグアプリをインストールし、
デバッグ検証しています。デバッグアプリは昨日ダウンロードしたので最新だと思います。

Comments

[hoshi-takanori]

プライバシー保護のために写真へのアクセスは制限されてるので、Photos.framework 経由で取得する必要があったような。
https://teratail.com/questions/248953

Answer 1

自己解決しました。

他サイトの方法を参考にさせてもらいました。

Monacaで、端末の画像ファイルをファイル名を指定してアクセスする
https://blog.goo.ne.jp/xmldtp/e/ecea6ebe56e4916c8d542467fdfbc6fc