fileapi

问题 Is there a way for Website to read certain file from Android SDCard (i know that this file exist on SDCard) while working in browser? I want my website to open "certain video file" from SDCard (hugeXXX.avi) :) Is it even possible? 回答1: The HTML5 Filesystem API allows web pages to open and manipulate files only within a sandboxed filesystem. The browser decides where and how this sandboxed filesystem exists, and your webpage cannot break out of the sandbox to access arbitrary files on the

问题 EDIT: changed title from "JS File API - write and read UTF-8 data is inconsistent" to reflect the actual question. I have some binary content i need to calculate the MD5 of. The content is a WARC file, that means that it holds text as well as encoded images. To avoid errors in the file saving, I convert and store all the data in arrayBuffers. All the data is put in UInt8Array s to convert it to UTF-8. My first attempt, for testing, is to use the saveAs library to save files from Chrome

问题 I would like to encrypt the contents of a file before uploading to our server .. we are using fineuploader. What I would like to do is: function onSubmitted(id) { var file = uploader.getFile(id); var reader = new FileReader(); reader.onload = function (e) { //encrypt here // but how do I save the file back to fineuploader? //then continue to submit/upload }; reader.readAsArrayBuffer(file); } is there any way of doing this out of the box or will I need to resort to rampant hackery :) :) 回答1:

问题 I'm trying to use the File and Directory Entries API to create a file uploader tool that will allow me to drop an arbitrary combination of files and directories into a browser window, to be read and uploaded. (I'm fully aware that similar functionality can be achieved by using an file input element with webkitdirectory enabled, but I'm testing a use case where the user isn't forced to put everything into a single folder) Using the Drag and Drop API, I've managed to read the DataTransfer items

问题 So, I want to play video files that are bundled in a Cordova app. To do that, I have to move them out of the android_asset folder and onto the SD card. I'd like to do this in JS via the File API, if at all possible. That being said, I seem to be unable to read from that folder with my Cordova WebView. I've tried a few different methods, but here are the two that, based on what I've read, should work: var url = 'file:///android_asset/www/my_video_folder'; var sourceDir = new DirectoryEntry( {

问题 I'm trying to create a file preview system. When the user click in a upload button and select files, I use the HTML5 FILE API to get all the file info and create a thumbnail for the file. The user can cancel the upload of some of thoose files and add more files too. What I have now is this: <p><input id="blob" name="blob" type="file" size="75" multiple /></p> <form method="post" action="<?php echo $_SERVER['PHP_SELF']; ?>"> <input id="blobtype" name="blobtype" type="text" size="20" /> <input

问题 Why did IE9 leave out support for the File API and the multiple attribute on file inputs? Chrome, Firefox and Safari support the features. But IE9 (and Opera) failed to support these for some unknown reason. For IE9 it seems we're still stuck with Flash for multiple file upload support (iframe hacks do not count). 回答1: File API is still a 'Working Draft'. Internet Explorer 10 will support File API (prototype) More Details 来源： https://stackoverflow.com/questions/4963903/why-did-ie9-leave-out

问题 I am trying to use the File API library (https://github.com/mailru/FileAPI) as a fallback for browsers which do not support the File API, in order to read a file as a Data URL and pass that on to another function. I have this code: function handleFileSelect(event) { // If supported, use native File API. if(window.FileReader != null) { console.log('Using native File API.'); // ! var files = event.target.files; for(var i = 0, f; f = files[i]; i++) { var reader = new FileReader(); reader.onload

问题 function readURL(input){ if(input.files && input.files[0]){ reader.readAsDataURL(input.files[0]); } else { document.images[0].src = input.value || "No file selected"; } } function checkSrc(){ var src = document.getElementById('propertyImg').getAttribute('src'); console.debug(src); } <input type='file' class='width70_prop' onchange="readURL(this);"></input> <button onclick='checkSrc()'>check</button> I am curious what kind of data FileReader's readAsDataUrl function returns. When I checked src

问题 It would be very convenient if one was able to paste images here, on Stack Exchange instead of meddling with a file dialog. Similar feature was (is?) implemented here, but only for Webkit browsers. I was developing userscript that does that. Funny thing is that I never accomplished to get the file (which is different from raw image data) from clipboard in Webkit browsers, while in Firefox it works. Firefox solution: div.addEventListener('paste', function(event){ //I'm actually not sure what