javascript - 如何上传文件路径为URL的文件

Question

我编写了文件上传代码，可以很好地上传文件并将其保存在文件夹中。 我添加了一项功能，允许用户加载 PDF 文件的 URL，然后上传并保存 URL 中的文件。 代码:

function loadURL(box) {
       var box = dhtmlx.modalbox({
           title: "Load URL",
           text: "<div id='form_in_box'><div>Enter the URL of PDF file <hr/><div><div><textarea id='file' style='width: 400px; height: 27px;'></textarea></div><span class='dhtmlx_button'><input type='submit' value='Load URL' style='width: 86px' onclick='save_file(this)'></span><span class='dhtmlx_button'><input type='button' value='Cancel' onclick='close_file(this)' style='width:80px;'></span></label></div></div>",
           width: "300px"
       })
   }

function save_file(box) {
       var file = document.getElementById('file');
       if (file.value == "") {
           alert("Choose a file to upload");
           return false;
       }
       dhtmlx.modalbox.hide(box);

       var fd = new FormData();
       fd.append('file', file.files[0]);
       var xhr = new XMLHttpRequest();
       xhr.open('POST', '/FileUpload/Upload', true);
       xhr.onreadystatechange = function () {
           if (xhr.readyState == 4 && xhr.status == 200) {
               alert('File successfully uploaded to the server');
           }
       };
       xhr.send(fd);

} 如果我对 load_URL 使用上述代码，则会收到错误: 类型错误:file.files 未定义 fd.append('文件', file.files[0]);

Answer 1

不要使用文件 API(您可以使用它从文件输入读取本地文件)。只需将 URL 发送到服务器并让服务器端代码获取它即可。