标签: fileapi

在 javascript 中拖放文件时,文件添加到 DataTransfer FileList 的顺序是什么?

我正在构建一个网络应用程序,用户可以将图像拖到浏览器中并放置以上传它们。问题是,我希望文件按照与从中拖出文件的文件夹相同的顺序上传。看起来 ondrop 事件的 DragEvent.DataTransfer.FileList 中的文件是随机排序的。这个顺序是如何确定的呢?我是否可以确定用户从中拖出文件的文件夹中文件的原始顺序?

html javascript drag-and-drop fileapi

2
推荐指数
1
解决办法
974
查看次数

根据主输入 type="file" (multiple) 元素创建多个 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);

  }
});

});
Run Code Online (Sandbox Code Playgroud)
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="file" id="main-input" multiple>
Run Code Online (Sandbox Code Playgroud)

我想要实现的是克隆主输入(#main-input)并根据循环文件给出一个值(文件)。有什么想法,建议吗?或者这甚至可能吗?

javascript jquery fileapi

2
推荐指数
1
解决办法
1680
查看次数

在Qt中修改文件的lastModified/lastAccessed/created日期

我有一个复制一些文件的应用程序,但在复制过程中,最后修改的日期等更改为当前日期和时间。在一些论坛上,我看到建议使用MS 文档上指定的SETFILETIME调用。fileapi.h

然而,快速搜索显示这些函数在QFileDevice中可用,其中可以将setFileTime函数与以下FileTime枚举一起使用。注意,QFileQFileInfo不允许修改这些日期和时间,只能读取这些日期和时间。

QFileDevice::FileAccessTime 0 最近访问文件(例如读取或写入)的时间。QFileDevice::FileBirthTime 1 创建文件的时间(UNIX 上可能不支持)。QFileDevice::FileMetadataChangeTime 2 文件元数据最后一次更改的时间。QFileDevice::FileModificationTime 3 最近修改文件的时间。

我怎样才能QFileDevice从一个QFileInfo对象甚至一个QFile对象(在这种情况下,QFile继承自QFileDevice- 例如 static_cast<>() 有帮助吗?

或者,我应该使用 Windows FileAPI.h- 我怎样才能从某些文件位置和QDateTime修改created时间来做到这一点lastModified

c++ qt qfile fileapi

2
推荐指数
1
解决办法
2102
查看次数

使用HTML5 File API的IIS7为大文件返回404

我正在尝试按照此示例实现用于图像上载的File API

http://robertnyman.com/html5/fileapi-upload/fileapi-upload.html

在服务器端我使用带有IIS7的ASP.NET MVC 3(集成,仅32位)

使用Development Server和IIS7.5,本地一切正常.在服务器上它也可以工作,除非文件具有一定的大小(使用2.2MB图像文件),上传似乎正在工作,但响应是404页面.我已经将maxRequestLength配置为10MB,但即使使用默认的4MB,它也应该有效.

我得到的404页面默认是IIS7 404,而不是我的应用程序的404页面(通过查看Fiddler或Firebug中的结果).我正在捕获所有随机URL并显示自定义404页面,但在这种情况下,似乎请求未发送到ASP.NET管道(应用程序池设置为集成).

我还记录了可​​能发生的任何异常(包括404) - 就这个问题而言,日志是清楚的.服务器的事件日志中也没有任何内容.

有任何想法吗?

谢谢!

asp.net-mvc html5 iis-7 http-status-code-404 fileapi

1
推荐指数
1
解决办法
1302
查看次数

如何使用Javascript和HTML 5按名称加载本地文本文件的内容?

在Chrome中工作,加载本地 html或JS文件.

我找到了许多如何加载使用"选择文件"输入选择的文件的示例.

但是,如果不使用"选择文件"输入,则无法确定如何在给定文件名的情况下执行此操作.

"选择文件"输入返回File对象.

如何在没有选择文件输入的情况下创建File对象?

File API:

new File(
  Array parts,
  String filename, 
  BlobPropertyBag properties
);
Run Code Online (Sandbox Code Playgroud)

但没有弄清楚零件和属性是什么.

编辑:用例:

我将代码覆盖率结果作为测试套件的一部分生成.它存储为JSON(易于阅读),但我需要用源代码显示它.

因此,该功能是加载源代码和JSON数据,并使用HTML和Javascript在网页上将它们一起呈现.

该文件将从浏览器打开并存在于本地计算机上.没有服务器.

javascript html5 file filereader fileapi

0
推荐指数
1
解决办法
5258
查看次数

FileAPI / unicodeBlobURL中的实现定义的值是什么意思?

https://w3c.github.io/FileAPI/#unicodeBlobURL中

Blob URL的序列化是以下算法返回的值,由URL.createObjectURL()调用:

  1. 令result为空字符串。附加字符串“ blob”(即Unicode代码点序列U + 0062,U + 006C,U + 006F,U + 0062)。
  2. 附加结果“:”(U + 003A COLON)。
  3. 让设置成为当前设置对象
  4. 设原点为设置的原点。
  5. 令serialized为源的ASCII序列化。
  6. 如果序列化为“ null”,则将其设置为实现定义的值

    ...

实现定义的值是多少?

更新:我尝试在上实现此功能jsdom,因此想弄清楚该怎么办。

browser url w3c fileapi

0
推荐指数
1
解决办法
360
查看次数

FileReader 方法不更新数据属性(vue.js)

我试图在vue.jsvia 中加载一个 JSON 文件FileReader。JSON 文件通过BoostrapVue表单文件输入作为 javascript File 对象实例加载。这是我当前的App.vue文件:

<template>
    <div v-if="fileUploaded">
        <div class="rf">
            <ChildComponent v-bind:json="json"/>
        </div>
    </div>
    <div v-else>
        <!-- BoostrapVueFileInput -->
    </div>
</template>

<script>
import ChildComponent from './ChildComponent.vue'

export default {
name: 'rf',
data () {
    return {
    fileUploaded: false,
    file: null,
    json: null
    }
},
methods: {
    read() {
    var reader = new FileReader();
    reader.onload = function(event) {
        this.json = JSON.parse(event.target.result);
    };
    reader.readAsText(this.file);
    }
}
}
</script>
Run Code Online (Sandbox Code Playgroud)

一旦我更新了 …

filereader fileapi vue.js

0
推荐指数
1
解决办法
1402
查看次数