ajax上传图片springmvc,ajax异步上传图片&SpringMVC后台代码

function uploadPic(){

var options = {

url : "/upload/updatePic.action",

type : "post",

dataType : "json",

success : function(data){

$("#allUrl").attr("src", data.url);

$("#imgUrl").val(data.url);

}

};

$("#jvForm").ajaxSubmit(options);

}

package top.dgoyou.core.controller;

import java.io.File;

import java.util.UUID;

import javax.servlet.http.HttpServletResponse;

import org.apache.commons.io.FilenameUtils;

import org.json.JSONObject;

import org.springframework.stereotype.Controller;

import org.springframework.web.bind.annotation.RequestMapping;

import org.springframework.web.multipart.MultipartFile;

@Controller

@RequestMapping("/upload")

public class UploadController {

//异步上传图片

@RequestMapping("/updatePic")

public void updatePic(MultipartFile pic,HttpServletResponse response) throws Exception{

//获取文件原始名

String filename = pic.getOriginalFilename();

//使用随机字符串+ 源图片扩展名组成新的图片名称, 防止图片重名

String newFileName=UUID.randomUUID().toString().replaceAll("-","")+"."+FilenameUtils.getExtension(filename);

//将文件保存到图片服务器("E:\testpic"存放图片虚拟路径 后期可换成FastDFS||云端)

pic.transferTo(new File("E:\testpic"));

//JSONObject是简单的转json工具类 , 但是只可以转string, double,integer,long等简单类型, 不可以转pojo, list, set, map等

JSONObject jsonObject = new JSONObject();

jsonObject.put("url","/pic/"+ newFileName);

response.setContentType("application/json;charset=utf-8");

//响应到前台页面

response.getWriter().write(jsonObject.toString());

}

}

[Ajax] 使用Ajax异步上传图片文件(非Form表单提交)

通过表单Form提交来上传文件的方式这里就不说了: 下面介绍,通过js中使用ajax异步上传图片文件: 新建一个html页面和一个一般处理程序即可: 涉及思路: //发送2次Ajax请求完成js异步上 ...

使用Ajax异步上传图片的方法(html,javascript,php)

前两天项目中需要用到异步上传图片和显示上传进度的功能,于是找了很多外国的文章,翻山越岭地去遇上各种坑,这里写篇文章记录一下. HTML

springmvc+ajax异步上传图片

1.javaweb传统的上传图片方式就是通过form表单提交

...

javaweb局部刷新-ajax异步请求springMVC显示返回的jsp内容,代替iframe

在jsp上要引入jquery

php的基础

js是前段脚本语言 php是后端脚本语言 一.所建的文件都要存在wap下的www里面 二.所有的文件名都不能包含中文 三.通过输入 localhost/www下的文件名称,可以浏览 四.在DW内新建站 ...

【Android学习】Windows下Android环境搭建

一.  JDK下载配置 直接百度,很简单. 二.android JDK下载配置 1.进入下载官网(需要FQ):https://developer.android.com/studio/index.ht ...

位查询【 openjudge数据结构课程练习题】

/*======================================================= 位查询 http://dsalgo.openjudge.cn/linearlists ...

cnblog评价以及团队软件的部分改善

博客评价: 1.在word2003版本里的东西复制,不能直接直接粘贴到博客发表(发生过,大部分时候可以): 2.第一次使用的时候不知道复制过来的代码都是左对齐的,(代码排版和插入图片位置不明显): 3 ...

python enumerate 枚举函数用法

enumerate()说明 enumerate()是python的内置函数 enumerate在字典上是枚举.列举的意思 对于一个可迭代的(iterable)/可遍历的对象(如列表.字符串),enum ...

EasyUI-datebox设置开始日期小于结束日期，并且结束日期小于当前日期

datebox设置开始日期小于结束日期,并且结束日期小于当前日期 //日期控制扩展选择日期小于等于当前日期,开始日期小于等于结束日期 $("#datebox1").datebox( ...

lintcode 刷题 by python 部分链表题总结(2)

本篇博客对最近做的链表的算法题做个简单的小结,主要描述题目和提供解题思路,具体代码见我的 github:https://github.com/MUSK1881/lintcode-by-python 3 ...

zookeeper与kafka安装部署及java环境搭建(发布订阅模式)

1. ZooKeeper安装部署 本文在一台机器上模拟3个zk server的集群安装. 1.1. 创建目录.解压 cd /usr/ #创建项目目录 mkdir zookeeper cd zookee ...

CodeForces - 1025B Weakened Common Divisor

http://codeforces.com/problemset/problem/1025/B 大意:n对数对(ai,bi),求任意一个数满足是所有数对中至少一个数的因子(大于1) 分析: 首先求所有 ...

STL源码分析-rotate

http://note.youdao.com/noteshare?id=4ba8ff81aa96373ba11f1b82597ec73a