angularjs上传文件+jfinal接收上传文件

最新推荐文章于 2022-02-16 15:45:39 发布

yxue1118

最新推荐文章于 2022-02-16 15:45:39 发布

阅读量1.2k

点赞数

分类专栏： JAVA开发文章标签： angular-file-upload jfinal 文件上传

本文链接：https://blog.csdn.net/yxue1118/article/details/51533351

版权

JAVA开发专栏收录该内容

9 篇文章 0 订阅

订阅专栏

准备js插件：angular-file-upload.min.js

jsp部分：

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通道