2012-11-09 38 views
2

我正在使用JavaScript的应用程序我目前正在努力。我已经创建了文件选择器,如指南所示。使用打开的文件Javascript Windows 8

选择文件后,我得到对象Windows.Storage.StorageFile。这个文件是图像,我的问题是如何在img标签中显示图像,例如?

回答

1

比方说,你在你的网页就像有一个形象标签:

<img id="theImage" /> 

然后从选择文件的JavaScript回调,你会(使用createObjectURL)设置IMG SRC属性的URL你从StorageFile基准创建:

var picker = Windows.Storage.Pickers.FileOpenPicker(); 
    picker.fileTypeFilter.replaceAll([".png"]); 
    picker.viewMode = Windows.Storage.Pickers.PickerViewMode.thumbnail; 

    // Launch the picker in open mode 
    picker.pickSingleFileAsync().then(function (file) { 

     var imgElement = document.getElementById("theImage"); 
     imgElement.src = URL.createObjectURL(file); 
    }); 
+0

救命稻草的感谢! – ewooycom

+0

我现在面临的问题是我无法修改图像,因为camanjs会抛出随机异常。你能帮我解决这个问题吗?我的事blob:url-to-link不会真的帮我 – ewooycom

+0

我不熟悉CamanJS,但从快速审查文档会怀疑用WinRT创建的URL可能不是它可以处理的东西...可能值得用“随机异常”的附加细节创建一个新问题 –

相关问题