相关疑难解决方法(0)

如何在HTML中设置文件输入的值?

注意:

下面的答案和评论反映了2009年遗留浏览器的状态.现在,您可以在2017年使用JavaScript和dataTransfer或FileList对象实际动态/编程地设置文件输入元素的值.

有关详细信息和演示,请参阅此问题中的答案:
如何以编程方式设置文件输入值(即:拖放文件时)?

我该如何设置它的值?

<input type="file" />
Run Code Online (Sandbox Code Playgroud)

html javascript file-upload preset

307
推荐指数
8
解决办法
55万
查看次数

如何从FileList中删除文件

我正在使用HTML5构建一个拖放到上传的Web应用程序,我正在将文件放到div上,当然还要获取dataTransfer对象,它给了我FileList.

现在我想删除一些文件,但我不知道如何,或者甚至可能.

我最好只想从FileList中删除它们; 我对他们毫无用处.但是如果那是不可能的,那么我是否应该在代码中写入与FileList交互的代码?这似乎很麻烦.

javascript html5 drag-and-drop filelist

94
推荐指数
7
解决办法
11万
查看次数

动态设置文件输入的值

有没有办法设置文件input(<input type="file" />)的值,还是所有被阻止的安全性?我正在尝试使用谷歌齿轮的openFiles来制作一个简单的多重上传器.

注意:

下面的答案反映了2009年遗留浏览器的状态.现在,您可以在2017年使用JavaScript动态/编程地设置文件输入元素的值.

有关详细信息和演示,请参阅此问题中的答案:
如何以编程方式设置文件输入值(即:拖放文件时)?

html javascript dom google-gears

66
推荐指数
1
解决办法
9万
查看次数

记住并重新填充文件输入

注意:

下面的答案反映了2009年遗留浏览器的状态.现在,您可以在2017年通过JavaScript实际设置文件输入元素的值.

有关详细信息和演示,请参阅此问题中的答案:
如何以编程方式设置文件输入值(即:拖放文件时)?

我有一个网站,允许用户多次上传文件进行处理.目前我有一个文件输入,但我希望能够记住用户选择并在屏幕上显示它.

我想知道怎么做是在用户选择文件后我会记住他们的选择并使用在重新加载页面时预先选择的文件重新显示文件输入.我需要知道的是如何记住和重新填充文件输入.

我也对不使用文件输入的方法持开放态度(如果可能的话).

我正在使用JQuery

html javascript html5 file-upload fileapi

43
推荐指数
1
解决办法
4万
查看次数

如何在FileList对象中设置File对象和length属性,其中文件也反映在FormData对象中?

可以将元素的.files属性设置为例如来自不同的元素属性或属性.请参阅Make .files settable#2866,将文件上传到HTML表单并提交之间会发生什么?.<input type="file">FileList<input type="file">.filesDataTransfer.files

FileList对象有一个Symbol.iterator属性,我们可以使用它来设置一个File可迭代的对象,但是.files .length仍然设置为0并传递一个<form><input type="file">用于.files使用上述方法设置的集合,产生一个设置为的File对象..size0

如何设置Fileat FileList和set设置.lengthFileList文件数,文件在FormData()object 设置的位置?

const input = document.createElement("input");

const form = document.createElement("form");

const [...data] = [
  new File(["a"], "a.txt")
, new File(["b"], "b.txt")
];

input.type = "file";

input.name = "files";

input.multiple = true;
// …
Run Code Online (Sandbox Code Playgroud)

javascript form-data filelist fileapi

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

如何使用更改和删除事件在firefox和chrome/chromium上传和列出目录

mozilla和webkit浏览器现在都允许上传目录.当在<input type="file">元素中选择目录或目录或在元素处删除目录或目录时,如何按照它们在firefox和chrome/chromium的实际目录中出现的顺序列出所有目录和文件,并在迭代所有上载的目录时对文件执行任务?

javascript directory file-upload fileapi

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

设置文件上载字段值 - Javascript/jQuery

我有一个具有文件上传字段的表单页面,我试图以编程方式设置该字段的值,虽然我知道由于安全原因它是不可能的,但我想知道我们是否仍然可以?如果有插件或我可以用来执行上传的东西.我有设置该字段所需的文件字段的Base64值,我需要知道的是有没有办法设置它.

在这方面,任何建议或帮助都会很棒.

谢谢.

更新: 添加了一个JsFiddle来演示我正在尝试的内容.

请访问此网站,使用js小提琴中的示例创建一个文本文件,并使用此链接进行转换.

var str = `text`;
Run Code Online (Sandbox Code Playgroud)

http://www.motobit.com/util/base64-decoder-encoder.asp

的jsfiddle

注意:

下面的答案反映了2009年遗留浏览器的状态.现在,您可以在2017年使用JavaScript动态/编程地设置文件输入元素的值.

有关详细信息和演示,请参阅此问题中的答案:
如何以编程方式设置文件输入值(即:拖放文件时)?

html javascript jquery file-upload setvalue

15
推荐指数
2
解决办法
5456
查看次数

拖放图像输入文件并在上传前预览

我想创建一个div附加拖放功能,当有人点击它时,他们可以选择他们的图像.

我编写了一些东西,它可以 - 点击div并选择你的图像 - 在上传之前预览你的图像

你可以检查我的小提琴

CSS

.uploader {width:300px;height:350px;background:#f3f3f3;border:2px dashed #e8e8e8;}
Run Code Online (Sandbox Code Playgroud)

JavaScript的

    var imageLoader = document.getElementById('filePhoto');
    imageLoader.addEventListener('change', handleImage, false);

function handleImage(e) {
    var reader = new FileReader();
    reader.onload = function (event) {

        $('.uploader').html( '<img width="300px" height="350px" src="'+event.target.result+'"/>' );
    }
    reader.readAsDataURL(e.target.files[0]);
}
Run Code Online (Sandbox Code Playgroud)

HTML

<div class="uploader" onclick="$('#filePhoto').click()">click here or drag here your images for preview and set userprofile_picture data</div>
            <input type="file" name="userprofile_picture"  id="filePhoto" style="display:block;width:185px;"  />
Run Code Online (Sandbox Code Playgroud)

你可以查看 http://jsfiddle.net/ELcf6/

javascript php jquery drag-and-drop

13
推荐指数
1
解决办法
3万
查看次数

以编程方式设置type ="file"输入HTML元素的值?

注意:

下面的答案反映了2009年遗留浏览器的状态.现在,您可以在2017年使用JavaScript动态/编程地设置文件输入元素的值.

有关详细信息和演示,请参阅此问题中的答案:
如何以编程方式设置文件输入值(即:拖放文件时)?

我需要做的是以编程方式从使用.NET的应用程序的javascript代码向服务发送POST请求,该.NET WebBrowser基本上是嵌入式Internet Explorer.此服务要求其中一个字段为"文件".

所以,有没有办法在表单中设置"文件"输入的值,因为我有文件的内容,例如在一个字节数组中(而不是文件的路径;我是不试图从用户窃取文件:)).

或者也许是一种显式创建和发送POST请求而不是动态创建FORM的方法?

我需要使用将在我的WebBrowser(想想IE)中运行的JavaScript代码.这可能吗?

javascript post

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

使用JavaScript填写输入文件表单

注意:

下面的答案反映了2009年遗留浏览器的状态.现在,您可以在2017年使用JavaScript动态/编程地设置文件输入元素的值.

有关详细信息和演示,请参阅此问题中的答案:
如何以编程方式设置文件输入值(即:拖放文件时)?

我需要用JavaScript填充HTML表单来设置文件的路径以便上传它.此表单所属的Web已经实现了可视化上载,但是

<form id="mobile_fileform">
    <input type="file" style="height: 20px; width: 0px; opacity: 0; " id="mobile_fileselect1" multiple="" size="-17">
    <input type="file" style="height: 20px; width: 0px; opacity: 0; " id="mobile_fileselect2" multiple="" size="-17">
    <input type="file" style="height: 20px; width: 0px; opacity: 0; " id="mobile_fileselect3" multiple="" size="-17">
</form>
Run Code Online (Sandbox Code Playgroud)

如何在此表单中设置文件的路径以及如何使用JavaScript上载它?

谢谢你的帮助

html javascript file-io html5 html-input

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