使用Angular 2将文件上传到Unix框 - 什么是url以及它是如何工作的?

时间:2017-10-05 17:32:49

标签: angular

我在 Angular 2 上传中使用网址时出现问题。

这是任何服务网址或FTP网址,以及如何上传到C:\test\upload这样的本地系统?

如果URL是服务,我该如何在Spring中执行此操作?

如何将文件上传到Unix盒子?

public uploader:FileUploader = new FileUploader({url:''});

1 个答案:

答案 0 :(得分:0)

<强>解决方案:

您可以使用 XMLHttpRequest 从Angular 2上传文件,在后端获取文件(如Python,PHP等)并将文件存储在您想要的任何位置。

示例:

FileUploadService(file_to_upload) {
    let headers = new Headers({ 'Content-Type': 'application/json' });
    let url = 'backend/upload';

    let res = new Promise((resolve, reject) => {
        let formData: any = new FormData();
        let xhr = new XMLHttpRequest();
        formData.append(file_to_upload.type, file_to_upload.file)
        xhr.open('POST', url, true);
        xhr.setRequestHeader("X-Requested-With", "XMLHttpRequest");
        xhr.send(formData);
        xhr.onreadystatechange = function() {
            if (xhr.readyState == XMLHttpRequest.DONE) {
                let respone = JSON.parse(xhr.responseText);
                console.log(respone);
            }
        }
    })
}

以上代码对于从前端向后端发送文件以及从后端将文件存储到任何位置非常有用。

下面给出了执行代码的说明。

  

file_to_upload:这是您从文件输入中获取的文件

     

file_to_upload.type:这是指文件类型

     

file_to_upload.file:这是指文件对象