어떻게 로컬 저장소에서 이미지를 가져 와서 Native Script의 화면에 표시 할 수 있습니까? nativescript-imagepicker 및 fs를 사용하고 있습니다.

Question

네이티브 스크립트를 처음 사용합니다. 로컬 저장소에서 이미지를 표시하려면 어떻게해야합니까? nativescript-imagepicker를 사용했지만 이미지 저장 위치를 ​​모르겠습니다. 이 코드를 사용하고 있습니다.

var imagepicker = require("nativescript-imagepicker"); 
 

 
var context = imagepicker.create({ mode: "single" }); // use "multiple" for multiple selection 
 

 
let SlcImg = ""; 
 

 
exports.imgPic = function() { 
 
    context 
 
    .authorize() 
 
    .then(function() { 
 
     return context.present(); 
 
    }) 
 
    .then(function(selection) { 
 
     selection.forEach(function(selected) { 
 
       SlcImg = path; 
 
     }) 
 
    }).catch(function (e) { 
 
     console.log(e); 
 
    }); 
 
}

나는 SlcImg의 경로를 설정하려합니다. 응용 프로그램의 내 XML 부분에서 이것은 코드입니다.

<Image src="{{imageSource}}" class="imageCss" stretch="aspectFill"></Image> 

Answer 1

var context = imagepickerModule.create({ 
    mode: "single" // allow choosing single image 
}); 
context 
    .authorize() 
    .then(function() { 
     return context.present(); 
    }) 
    .then(function (selection) { 
     console.log("Selection done:"); 
     setTimeout(() => { 
      selection.forEach(function (selected) { 
       selected.getImage().then((source) => { 
        console.log(selected.fileUri); // this is the uri you need 
       });  
      }); 
     }, 1000);    
    }).catch(function (e) { 
     console.log(e); 
    }); 

사용 fileURI 내. 그리고 그 setTimeout 선택 사항입니다, 내 프로젝트에, 그것 없이는 애플 리케이션 화면이 잠깐 비어 가고 있었다.