zoukankan      html  css  js  c++  java
  • angularjs+springmvc表单上传+文本字段

    jsp:

    <form ng-submit="fn.uploadFile()" class="form-horizontal" enctype="multipart/form-data">
    <input name="fileName" ng-model="vm.fileName">
    <input name="fileSize" ng-model="vm.fileSize">
    <input type="file" name="file" ng-model="document.fileInput" id="file" onchange="document.getElementById('filepath').value=this.value;" />
    <input name='filepath' id='filepath'>
    <button class="btn btn-primary" type="submit">
    Submit
    </button>
    </form>

    js:
    fn.uploadFile=function(){
    var formData=new FormData();
    formData.append("file",file.files[0]);
    formData.append("fileName",vm.fileName);
    formData.append("fileSize",vm.fileSize);
    $http.post('/fileUpload2', formData, {
    transformRequest: function(data, headersGetterFunction) {
    return data;
    },
    headers: { 'Content-Type': undefined }
    }).success(function(data, status) {
    console.log(data);
    console.log("Success ... " + status);
    }).error(function(data, status) {
    console.log("Error ... " + status);
    console.log(data);
    });
    };

    controller

    /*
    * 采用file.Transto 来保存上传的文件
    */
    @RequestMapping("fileUpload2")
    public @ResponseBody
    Object fileUpload2(
    @RequestParam("file") CommonsMultipartFile file,
    @RequestParam("fileName") String fileName,
    @RequestParam("fileSize") String fileSize
    ) throws IOException {
    long startTime=System.currentTimeMillis();
    System.out.println("fileName:"+file.getOriginalFilename());
    String path="E:/"+new Date().getTime()+file.getOriginalFilename();

    File newFile=new File(path);
    //通过CommonsMultipartFile的方法直接写文件(注意这个时候)
    file.transferTo(newFile);
    long endTime=System.currentTimeMillis();
    System.out.println("方法二的运行时间:"+String.valueOf(endTime-startTime)+"ms");
    return new ResultBean(200,"success");
    }


    对于上传多个文本字段,我还没有比较合适的方法,知道的朋友,可以分享下啊
  • 相关阅读:
    Aspx后台遍历控件
    sql server 压缩日志文件
    C# 获取特殊日期
    sql特殊日期
    Oracle数据库基本知识-原理,实例,表空间,用户,表
    使用Visual Studio Code开发.NET Core看这篇就够了
    Windows上C++环境搭建
    JNA 教程
    SpringBoot项目改成Tomcat容器加载(打war包)
    centos7 离线安装神器yumdownloader
  • 原文地址:https://www.cnblogs.com/qyhol/p/6603920.html
Copyright © 2011-2022 走看看