如何以编程方式通过URL提交包含文件的表单

时间:2018-06-22 10:04:06

标签: javascript html

我想以编程方式提交带有文件的表格,但由于安全性,我得知无法将文件传递给输入type =“ file”。所以我正在寻找一种方法来提交带有url文件的表单。 HTML在下面。

           <form class="converter-form" id="iri-converter-form">

            <label for="iri-converter-input">Custom Ontology:</label>

            <input type="text" id="iri-converter-input" placeholder="Enter ontology IRI">
            <button type="submit" id="iri-converter-button" disabled>Visualize</button>
          </form>

          <div class="converter-form">

            <input class="hidden" type="file" id="file-converter-input" autocomplete="off">

            <label class="truncate" id="file-converter-label" for="file-converter-input">Select ontology file</label>
            <button type="submit" id="file-converter-button" disabled>
              Upload
            </button>
          </div>

1 个答案:

答案 0 :(得分:0)

您只想将URL传递到服务器。服务器收到网址后,会将文件下载到磁盘。

在HTML / javascript方面,您可能希望显示“上传文件”输入,但要提供一个从url上传的按钮。当他们单击该按钮时,隐藏上载文件按钮,并显示一个纯文本框供他们删除其网址。

您可能还需要检查网址是否有效:Check if a Javascript string is a url

此外,请确保文件类型是您接受的文件类型,始终有可能在服务器上上传并运行恶意代码