Tag: fileapi

当用户使用HTML5 File API按下按钮时,如何读取本地文件?

我正在尝试使用jQuery和HTML5 File API从本地文件中获取数据。 我想读取文件并从中获取文本,但仅在用户按下按钮时,而不是在输入字段的内容发生变化时。 这是我目前使用的代码: files = $(“#file”).files; var reader = new FileReader(); reader.onload = function(event) { var content = event.target.result; alert(content); agregar(content[0]); alert(content); } reader.readAsText(files[0]); 当用户按下页面上的按钮时,将触发此代码。 我的问题是,当代码运行时, files是未定义的,所以我无法从中获取所需的数据。 如何获取输入文件的内容,以便将其作为参数传递给FileReader.readAsText()函数?

jquery.support用于检测JavaScript的File API?

我无法通过jQuery中的.support方法找到检测浏览器是否支持File API的方法。 谁知道呢? (顺便提一下:用IE检测input[type=file]文件大小的方法?)

根据主输入类型=“文件”(多个)元素创建多个input type =“file”元素及其对应的值(FileList)

我有这个代码,我从多输入文件类型循环到文件 $(function(){ $(‘#main-input’).change(function(){ var files = $(‘#main-input’)[0].files; for (var i = 0, f; f = files[i]; i++) { alert(files[i].name); } }); }); 我想要实现的是克隆主输入(#main-input)并根据循环文件给出一个值(文件)。 有什么想法,建议吗? 或者这甚至可能吗?

IOS6和Safari Photo Uploading – 文件API + Canvas + jQuery Ajax异步上传和调整文件大小

IOS6已经发布,我一直在测试照片上传。 它效果很好,但是通过3G上的图像越大,它就像预期的那样缓慢。 感谢File API和Canvas,可以使用JavaScript调整图像大小。 我希望如果我在尝试上传之前调整图像大小,它们会更快上传 – 这样可以提高用户体验。 随着智能手机处理器以比网络速度快的速度增长,我相信这个解决方案是一个胜利者。 Nicolas为图像大小调整提供了出色的解决方案: 图像在上传前resize 但是,我最难用jQuery的Ajax实现它。 任何建议或帮助都表示赞赏,因为此代码可能对IOS6后的移动Web应用程序开发非常有用。 var fileType = file.type, reader = new FileReader(); reader.onloadend = function () { var image = new Image(); image.src = reader.result; image.onload = function () { //Detect image size var maxWidth = 960, maxHeight = 960, imageWidth = image.width, imageHeight = image.height; if […]

访问File对象的某些列出属性时返回“undefined”

我似乎无法访问我的对象的宽度或高度键。 我正在使用dropzone.js,它有一个addFile事件,它返回文件和第一个参数。 所以: var myDropzone = new Dropzone(‘#dropzone’, {url: ‘/’}); myDropzone.on(‘addedFile’, function(file) { console.log(file); }); 回调工作得很好,在我的控制台中我看到: 如您所见,显然有高度和宽度键可用。 myDropzone.on(‘addedFile’, function(file) { console.log(file.name); // returns the whole strong console.log(file.width); // returns undefined console.log(file[‘width’]); // returns undefined }); inheritance人截图: 我的问题是,为什么名称可用,但不是宽度或高度? 是因为他们是只读还是什么? 如果是这样的话,甚至可以访问它吗?