ASP源码.NET源码PHP源码JSP源码JAVA源码DELPHI源码PB源码VC源码VB源码Android源码

spring mvc 文件上传 图片上传(极简)

来源:网络整理     时间:2016-02-26     关键词:

本篇文章主要介绍了"spring mvc 文件上传 图片上传(极简)",主要涉及到方面的内容,对于Javascriptjrs看球网直播吧_低调看直播体育app软件下载_低调看体育直播感兴趣的同学可以参考一下: 没想到做个图片上传耽误这么长时间,特此整理。基于springMVC后端框架。前端使用jQuery插件ajaxFileUpload.js。参考文章:spring ...

没想到做个图片上传耽误这么长时间,特此整理。

基于springMVC后端框架。

前端使用jQuery插件ajaxFileUpload.js。

参考文章:spring mvc(注解)上传文件的简单例子

只提供核心代码,格式过滤,存储目录,回显和样式等自己加代码实现。
html/jsp代码片段

引入文件ajaxfileupload.js


功能部分代码(通过调样式达到自己想要的效果)

js代码,注意enctype:'multipart/form-data',//注意一定要有该参数

function ajaxFileUpload() {
    $.ajaxFileUpload({
        url: webContext + '/act/uploadPic', //用于文件上传的服务器端请求地址
        secureuri: false, //是否需要安全协议,一般设置为false
        fileElementId: 'uploadFile', //文件上传域的ID
        dataType: 'json', //返回值类型 一般设置为json
        enctype:'multipart/form-data',//######注意一定要有该参数#######
        success: function (data, status)  //服务器成功响应处理函数
        {
            alert(data);       //data是从服务器返回来的值
            alert('上传图片成功!请复制图片地址
'+webContext + "/upload/"+data); $("#imghead").attr("src", webContext + "/upload/"+data); }, error: function (data, status, e)//服务器响应失败处理函数 { alert(e); } }) }

后端java代码

@RequestMapping("/uploadPic")
@ResponseBody
public String uploadPic(@RequestParam(value = "file", required = false) MultipartFile file,HttpServletRequest request) throws Exception {
    String path = request.getSession().getServletContext().getRealPath("upload");
    String fileName = file.getOriginalFilename();
    String fileNameStr = (new Date().getTime())+"__"+fileName;
    File targetFile = new File(path, fileNameStr);
    if(!targetFile.exists()){
        targetFile.mkdirs();
    }
    //保存
    try {
        file.transferTo(targetFile);
    } catch (Exception e) {
        e.printStackTrace();
    }
    return fileNameStr;
}

以上就介绍了spring mvc 文件上传 图片上传(极简),包括了方面的内容,希望对Javascriptjrs看球网直播吧_低调看直播体育app软件下载_低调看体育直播有兴趣的朋友有所帮助。

本文网址链接:http://www.codes51.com/article/detail_338192.html

相关图片

相关文章