如何从ng-controller上传文件？

Question

如何从我的angular控制器上传文件。我正在做一些事情，比如，在单击ng时，我调用upload_file()函数，该函数是在我的控制器中声明的。我想用像这样的东西

$http.post("url", data).success().error(); 

url为节点上传服务。当我使用like时，它工作得很好。但是不使用action，我想从我的函数上载它。

但是我不知道如何将选定的文件附加到这里的数据。我想随文件一起发送一些数据。我能以我正在尝试的方式上传它吗？请帮帮我。

Answer 1

您可以使用angular-file-upload库：

基本上，您需要像这样执行$http.post：

$http({
                method: 'POST',
                url: config.url,
                headers: { 'Content-Type': false },
                transformRequest: function (data) {
                    var formData = new FormData();
                      formData.append('file', myFile);
                    for (key in myData) {
                        formData.append(key, myData[key]);
                    }
                    return formData;
                }
            }).success().error().progress()

该库支持带有flash polyfill的IE，而flash polyfill通常不支持FormData，因此您无法从<input file...>获取文件对象。