相关疑难解决方法(0)

我正在尝试使用添加多个文件上传h:inputFile.我快速浏览了一下源代码,看来它没有渲染选项multiple="multiple".没有编写自定义组件,有没有办法解决这个问题？如果没有,是否有可用的自定义JSF2.2组件可以处理多个Ajax文件上传？

更新:我已经通过了multiple="multiple"使用passthrough标签,但是当我调试FileRenderer相关的代码时,用第二个文件覆盖了第一个文件:

for (Part cur : parts) {
  if (clientId.equals(cur.getName())) {
    component.setTransient(true);
    setSubmittedValue(component, cur);
  }
}

正如您所看到的,由于有两个Part相同的s clientId,它总是使用last而不是传递列表.

如果有的话,请推荐替代方案.

注意:

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

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

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

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

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

我需要使用将在我的WebBrowser(想想IE)中运行的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>

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

谢谢你的帮助

客观的

我正在制作一个应用程序，我需要使用 JavaScript 和 HTML 5 读取本地文件，没有任何<input>标签或用户交互。

我试过的

在我的研究中，我发现了两个在 SO 中被大量引用的教程：

• https://www.html5rocks.com/en/tutorials/file/dndfiles/
• http://blog.teamtreehouse.com/reading-files-using-the-html5-filereader-api

但是，有一个问题。这两个教程都需要通过input标签进行用户交互，这是一个致命的问题，因为我想自动将文件的内容读入一个字符串。

代码

到目前为止，我设法获得了以下代码：

let readFile = function(path) {
    let reader = new FileReader();

    reader.onload = function(e) {
        var text = reader.result;
        console.log(text);
    };

    // Read in the image file as a data URL.
    reader.readAsText(MissingFileHandle);
};

但正如你所看到的，我错过了一个重要的步骤，我错过了MissingFileHandle。我的想法是将 a 传递path给此方法，因此该方法会将文件作为文本在本地读取并将其打印到控制台中，但我无法实现这一点。

题

给定相对路径，如何在不使用<input>标签的情况下使用 HTML 5 读取文件的内容？

我正在创建一个使用sql.js加载sqlite数据库，添加一些过滤器并查询数据并显示各种基于d3的图表的脱机javascript应用程序。但是，我的用户不想被数据库内容和拥有数据库文件所困扰。我想在页面加载时加载文件。

<input id="inpLoadDB" type="file" onchange="loadDB()">

当我查询该元素时，它将返回一个FileList对象，从中可以获取所选文件。如何在不包含HTML元素的情况下构建FileList（或仅文件对象）。就像是：

var fl=new FileList();
fl.readDir("./data/");

我正在为我的项目使用HMVC Codeigniter模式.在我的项目中,我需要在表单上设置值,其中输入类型的字段是file.So,我觉得很有帮助我解决这个问题的人.

我的控制器是test.php

<?php
class Test extends Controller{
function __construct(){
        parent::__construct();  

    }
function index(){

redirect('test/form');


}
  function form(){
        $this->load->library('form_validation');
        $this->load->helper('url');
        $this->form_validation->set_rules('fname','First Name','required|trim');
        $this->form_validation->set_rules('mname','Middle Name','required|trim');
        $this->form_validation->set_rules('lname','Last Name','required|trim');


        if (empty($_FILES['userfile']['name']))
        {
            $this->form_validation->set_rules('userfile', 'Attach Your File', 'required');
        }
        if($this->form_validation->run($this)){

                    $_SESSION['msg']="Your form has been submitted succesfully!!";
                    redirect('test/form');
                }
                else
                {

                    $_SESSION['err']="Opp! There was some wrong to fill up a form so try again!!!";
                    redirect('test/form');


                }

            }
        $data['pgtitle']='Test';       
        $this->load->view('test',$data);
        } 
}

我的视图文件是test.php

<form action="<?php echo site_url()?>test/form" method="post" enctype="multipart/form-data" onsubmit="return confirm('Do you really want to submit …

我是HTML,Javascript和公司的新手,所以请原谅我提出一个可能很明显的问题.

我想建立一个webapp,用户可以上传音频和一些自己的信息.我有一个看起来像这样的表单:

<form method="post" action="/add_recording" enctype="multipart/form-data">
  <label>Name: </label>
  <input type="text" name="user_name" maxlength="20" size="20" value="Joe">
  <br>
  <label>Audio File: </label>
  <input type="file" name="user_audio"/>
  <br>
  <input value="Upload" type="submit">
</form>

这可行,但它不是非常用户友好:人们必须弄清楚如何创建自己的音频文件,即使他们知道如何,这很烦人.我想允许用户在浏览器中录制.我找到了https://github.com/mattdiamond/Recorderjs和http://webaudiodemos.appspot.com/AudioRecorder/index.html,这看起来非常酷(暂时忽略了它们只适用于最新版本的铬,据我所知).

我的问题是:我如何修改recorderjs代码,以便记录的blob自动上传到我的表单中,用户无需下载文件并通过单击type ="file"输入手动浏览到它？

我的网络开发技能非常有限,所以我非常感谢任何帮助.我的第一个猜测是自动将音频blob下载到我选择的文件名,并修改表单中的type ="file"输入指向那里,但显然这是不可能的(从我在例如如何设置值中看到的以HTML格式输入文件？).

谢谢,

阿德里安

编辑:这里有一个类似的问题:RecorderJS通过AJAX上传记录的blob.我的问题的一个解决方案是学习AJAX并按照该问题的答案.不过,我有兴趣知道是否有任何方法可以使用老式文件输入(或更普遍的html格式)上传recorderjs音频.

注意:

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

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

在HTML中,我们可以通过编写来设置文本字段的值:

<input type="text" name="doc_intitule" maxlength="100" size="24" value="<?php echo $ret['doc_intitule']; ?>">

但是如何设置file字段的值？

大多数<input>元素使用valueprop 来设置值，因此它们可以由父元素进行外部控制。

然而，<input type='file'>从属性设置其值files，我正在努力使其正常工作。files不能直接设置为 prop，但可以通过 ref 直接在 DOM 上设置，所以我使用useEffect()以下方法来完成此操作：

import React, { useEffect, useRef } from "react";

const FileInput = (props) => {
  const { value } = props;
  const inputRef = useRef();
  
  useEffect(() => {
    if (value === "") {
      inputRef.current.value = "";
    } else {
      inputRef.current.files = value;
    }
  }, [value]);
  
  return <input type="file" ref={inputRef} />;
};

export default FileInput;

我想onChange()在用户选择文件时包含一个处理程序，但该<FileList>对象与 DOM …

我正在编写用于编辑包含输入文件字段的表单的代码。我从数据库中获取了所有用于不同字段类型的值，但文件类型输入未显示其值。

我有一个看起来像这样的代码：

<input class="picturebox" id="logo" name="userfile"  value="<?php echo $discount_details->picture_name;?>" />

但是实际上，在呈现的视图中，userfile字段的value属性为null。

当某人正在编辑表单并且不想在编辑时更改他先前输入的图片时，如何加载输入类型的值。

注意:

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

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

我有2个 input type="file"

<input type="file" id="attach_file_1" name="attach_file_1" />
<input type="file" id="attach_file_2" name="attach_file_2" />

在"选择"文件之后attach_file_1,有可能为attach_file_2使用javascript 设置相同的值吗？

单击一个名为"result"的按钮,我想使用java脚本函数读取并显示一个文本文件(存在于我的本地驱动器位置中:C:\ test.txt)并显示test.txt文件内容HTML文本区域.

我是java脚本的新手,有人可以建议java脚本函数的代码来读取和显示.txt文件的内容吗？

谢谢并尊重Deb

如果我打开文件选择,选择一个文件,然后再次单击文件选择,然后单击取消,它会忘记最初选择的文件

//Main input
<input type="file" class="input" id="input" name="avatar">

//Backup input
<input type="file" class="input_two" id="input_two" name="avatar_two">

有没有解决方法,可能会创建一个临时输入类并将.files复制到此文件,以便我仍然可以访问最后一个文件

$('.input').change(function () {
        var value = this.files;
        console.log(value);
        if(value.length > 0)
        {
            $(.avatar_two).assign(value)... //This is what i want to do
        }
        else
        {
            console.log("nada");
        }

这可能吗？