使用没有后端脚本的Angularjs上传文件(例如PHP,JAVA等)

时间:2016-05-27 09:33:18

标签: javascript angularjs file-upload

由于我这样做只是为了演示,而我的后端团队尚未启动,我想将文件保存到我项目的某个文件夹中(我不想保存在数据库中)。

我只想要的是当我上传一些文件并按下上传按钮时,该文件应该复制到项目的特定文件夹中。这些都应该只使用AngularJS或JavaScript。 (没有任何支持脚本,例如PHP,JAVA等)

我尝试使用这些给定的代码,但它没有为要上传的文件夹提供错误 404:PATH NOT FOUND

尝试过的例子:

myApp.controller('myCtrl', ['$scope', 'fileUpload', function($scope, fileUpload){

$scope.uploadFile = function(){
    var file = $scope.myFile;
    console.log('file is ' );
    console.dir(file);
    var uploadUrl = "/fileUpload";
    fileUpload.uploadFileToUrl(file, uploadUrl);
};

}]);

https://jsfiddle.net/JeJenny/ZG9re/

http://jsfiddle.net/danialfarid/maqbzv15/1118/

请提出一些建议。

2 个答案:

答案 0 :(得分:1)

为了POST到特定位置,您需要让后端端点监听该位置。这就是为什么你得到404,没找到。

如果要在本地演示,可以做的最好的事情就是使用file.Copy()方法来模拟文件保存。 http://www.java2s.com/Tutorial/JavaScript/0600__MS-JScript/FileCopy.htm

答案 1 :(得分:-1)

您可以在link

使用angular-file-upload