angularjs上传文件+jfinal接收上传文件
来源:互联网 发布:riverside歌曲知乎 编辑:程序博客网 时间:2024/06/06 01:28
准备js插件:angular-file-upload.min.js
jsp部分:
<input type="file" nv-file-select="" uploader="uploader"/>
<input type="button" value="上传补丁" ng-click="uploadFile()"/>
angularjs部分:
var myApp = angular.module("myApp", ["angularFileUpload"]);
myApp.controller('patchList', [ '$scope', 'FileUploader',
function($scope, FileUploader) {
var uploader = $scope.uploader = new FileUploader({
// 访问java方法的http请求
url : ctx + '/patch/uploadPatch'
});
//上传完成之后的回调方法,还有很多类似方法,此处不一一列举
uploader.onCompleteItem = function(fileItem, response, status, headers) {
//上传成功之后你要调用的angularjs方法
$scope.getPatchList();
};
$scope.uploadFile = function() {
console.log("上传文件啦....");
uploader.uploadAll();
}
} ]);
java部分:
/**
* 上传补丁
*/
public void uploadPatch(){
System.out.println("接收到上传文件啦.....");
UploadFile uploadFile=this.getFile();
File file=uploadFile.getFile();
String fileName=uploadFile.getOriginalFileName();
//PatchConstant.PATCH_UPLOAD_PATH自定义文件存储的路径
File newFile=new File(PatchConstant.PATCH_UPLOAD_PATH+fileName);
try {
newFile.createNewFile();
} catch (IOException e) {
e.printStackTrace();
}
//将上传文件写入到本地文件
ToolFile.fileChannelCopy(file,newFile);
}
public static void fileChannelCopy(File s, File t) {
FileInputStream fi = null;
FileOutputStream fo = null;
FileChannel in = null;
FileChannel out = null;
try {
fi = new FileInputStream(s);
fo = new FileOutputStream(t);
in = fi.getChannel();// 得到对应的文件通道
out = fo.getChannel();// 得到对应的文件通道
in.transferTo(0, in.size(), out);// 连接两个通道,并且从in通道读取,然后写入out通道
} catch (IOException e) {
e.printStackTrace();
} finally {
try {
fi.close();
in.close();
fo.close();
out.close();
} catch (IOException e) {
e.printStackTrace();
}
}
}
jfinal实现接收上传文件参考资源:http://www.cnblogs.com/acehalo/p/3915720.html
angular-file-upload官方网站:https://github.com/nervgh/angular-file-upload
(官方实例位于angular-file-upload-master/angular-file-upload-master/examples中)
- angularjs上传文件+jfinal接收上传文件
- jfinal文件上传问题
- jfinal上传文件
- jfinal文件上传
- jfinal表单文件上传
- jfinal ajax 上传文件
- JFinal 框架的文件上传
- JFinal使用ajax上传文件
- AngularJs 上传文件
- angularjs 上传文件
- AngularJS上传文件
- angularjs 文件上传
- angularjs 文件上传
- angularjs+多文件上传
- PHP接收上传文件
- 文件上传服务器接收
- php接收上传文件
- nodeJs 接收上传文件
- Idea中 Module is not specified错误解决
- Linux C 指针数组 数组指针 函数指针 的使用实例
- 新闻列表制作小技巧
- 图的应用
- Android:自定义DialogFragment
- angularjs上传文件+jfinal接收上传文件
- Webx系列之Ajax请求的四种方式
- 线程的五大状态
- 三种数据库key
- 三层架构
- LeetCode-258:Add Digits
- LightOJ 1286 - Space Shuttle Experiments 最大流
- 关于JAVA的继承
- 实现servlet的转发和读取Web应用中资源文件【持续更新】