2017-08-18 5 views

答えて

0

Windowsユニバーサルプラットフォームでイメージの選択のみを許可する方法はありますか?または、ユーザーがファイルを選択した後にこれをキャッチする必要がありますか?

HTML::

<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="utf-8" /> 
    <title>TestFilePicker</title> 
    <link href="css/default.css" rel="stylesheet" /> 
</head> 
<body> 
    <div>Content goes here!</div> 
    <button id="btnClick">Click Me to Pick File</button> 
    <script src="js/main.js"></script> 
</body> 
</html> 

main.js:

(function() { 
"use strict" 

    document.getElementById("btnClick").onclick = function (evt) 
    { 
     var openPicker = new Windows.Storage.Pickers.FileOpenPicker(); 
     openPicker.viewMode = Windows.Storage.Pickers.PickerViewMode.thumbnail; 
     openPicker.suggestedStartLocation = Windows.Storage.Pickers.PickerLocationId.picturesLibrary; 
     openPicker.fileTypeFilter.replaceAll([".png", ".jpg", ".jpeg"]); 

     // Open the picker for the user to pick a file 
     openPicker.pickSingleFileAsync().then(function (file) { 
      if (file) { 
       // Application now has read/write access to the picked file 
      } else { 
       // The picker was dismissed with no selected file 
      } 
     }); 
    } 
})(); 

HTMLの代わりにFilePickerを使用して、あなたはそれを達成するためにWindows.Storage.Picers.FileOpenPickerを使用することができます

関連する問題