【问题标题】:input type="file": Give option to open a local file or a file from the serverinput type="file": 提供打开本地文件或服务器文件的选项
【发布时间】:2012-10-24 12:09:33
【问题描述】:

我有一个网站要求用户从他的 PC 打开一个输入文件。这个输入文件包含很多信息。打开输入文件后,用户可以点击按钮,网站会在输入文件中搜索显示相应的信息。

创建输入文件有点复杂。因此,我想提供使用服务器上的示例文件测试网站的可能性。因此用户可以在创建自己的输入文件之前测试网站。

我在服务器上有一个示例输入文件。

如何让用户选择打开本地输入文件以及来自服务器的示例文件?

我现在使用(仅限本地文件):

Select your file:<input type="file" id="fileinput" />

备注

如果用户可以通过&lt;Open example file&gt;. 之类的按钮打开示例文件,我也可以

【问题讨论】:

  • 感谢您的回答!!网站浏览器的东西看起来太多了我想要的东西。我可以在与我的网页位于同一目录的服务器上打开一个特定文件(名称硬编码)吗?我应该使用什么命令。 => 让用户可以选择从他的 PC 打开他自己的文件或按下按钮打开 Web 服务器文件。 (...学习 html 和 javascript,如果这是一个基本问题,请见谅)

标签: html file input


【解决方案1】:

当你说使用输入类型=“文件”时,没有这种方式在服务器端读取文件,如果你是编码B/S应用程序,任何文件读取过程都需要在服务器端完成。

如果您希望用户有一些选择来读取服务器文件(在您的服务器端),只需添加一个下拉/复选框列表/单选按钮列表,让每个选择反映到服务器端的一个特定文件,然后只是在服务器端阅读它取决于选择哪一个。

输入 type="file" 将只是一个将整个文件发布到服务器端的发布操作,您可以将其存储在服务器端临时文件夹中并解析它或直接从内存中读取它。

【讨论】:

    【解决方案2】:

    您可以使用单选按钮:

    <fieldset>
        <legend> input file <legend>
        <div>
            <label> <input type="radio" name="input_source" value="server"> Defaults </label>
        </div>
        <div>
            <label> <input type="radio" name="input_source" value="upload"> From file </label>
        </div>
        <div>
            <label> <input type="file" name="input_file"> Upload an input file </label>
        </div>
    </fieldset>
    

    或者,如果没有上传文件,则使用服务器上的文件。

    <label> <input type="file" name="input_file"> Upload an input file (leave blank for defaults) </label>
    

    【讨论】:

      【解决方案3】:

      &lt;input type="file"&gt; 仅用于上传文件。你不能用它浏览服务器文件。

      您可以使用几个可用的 Web 文件浏览器脚本之一,或者编写自己的脚本来创建该功能,但这不是 HTML 原生可用的。

      Can i browse file stored on Remote server through simple <input type="file"> control in asp.net MVC 2.0 - 这个问题的答案中提供了一些示例,与您的非常接近。

      【讨论】:

      • 感谢您的回答!!网站浏览器的东西看起来太多了我想要的东西。我可以在与我的网页位于同一目录的服务器上打开一个特定文件(名称硬编码)吗?我应该使用什么命令。 => 让用户可以选择从他的 PC 打开他自己的文件或按下按钮打开 Web 服务器文件。 (...学习 html 和 javascript,如果这是一个基本问题,请见谅)
      猜你喜欢
      • 2011-04-01
      • 2011-08-17
      • 2016-11-29
      • 1970-01-01
      • 2019-12-26
      • 2016-05-25
      • 1970-01-01
      • 1970-01-01
      • 2012-05-06
      相关资源
      最近更新 更多