正文

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

IP云
IP云V管理员/6 阅读
09/13
提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

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异步上传图片&SpringMVC后台代码的更多相关文章

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

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

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

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

  3. ajax异步上传图片三种方案

    转自:http://www.jb51.net/article/51180.htm 注:自己尝试了前两种,都可用: 目前常用的异步文件上传功能有几种,比较多见的如使用iframe框架形式,ajax功能效 ...

  4. Ajax调用asp&period;net后台代码

    后台代码: [WebMethod] public static string CreateDate(string name,string age) { return "姓名:"+n ...

  5. springmvc&plus;ajax异步上传图片

    1.javaweb传统的上传图片方式就是通过form表单提交 <form action="#" method="post" enctype="m ...

  6. ajax异步上传图片&lpar;TP5&rpar;

    直接上代码 PHP代码如下 /** * 上传 */ public function upload_photo(){ $file = $this->request->file('file') ...

  7. thinkPHP利用ajax异步上传图片并显示、删除

    近来学习tp5的过程中,项目中有个发帖功能,选择主题图片.如下: 利用原始的文件上传处理,虽然通过原始js语句能实时显示上传图片,但是这样的话会涉及很多兼容问题.使用ajax技术,实现选择性删除所选图 ...

  8. thinkphp5 不使用form，用input&plus;ajax异步上传图片

    不支持$this->request->file()获取图片 后台接收文件请使用$_FILE 正文开始: HTML <div class="upload"> ...

  9. javaweb局部刷新-ajax异步请求springMVC显示返回的jsp内容&comma;代替iframe

    在jsp上要引入jquery <script src="<%=request.getContextPath()%>/js/jquery_ui/jquery.js" ...

随机推荐

  1. asp&period;net mvc 绑定客户端post过来的复杂JSON数据

    客户端代码如下: <input type="button" id="btnTest" value="测试" /><br / ...

  2. Oracle数据库基础知识1

    DDL语句 1.表的创建 CREATE TABLE table_name(); 例如: CREATE TABLE USER_E( id NUMBER (5), name VARCHAR(20), ge ...

  3. Haskell 参考资料

    1.Haskell 中文社区:www.haskellcn.org 2.Haskell   官网:     www.haskell.org 3.Haskell   函数查询:www.haskell.or ...

  4. JDBC代码示例

    package test; import java.sql.Connection;import java.sql.DriverManager;import java.sql.ResultSet;imp ...

  5. 5分钟 wamp下php phpmaile发送qq邮件 2015最新方法说明

    13:40 2015/11/20 5分钟 wamp下php phpmaile发送qq邮件 2015最新方法说明 关键点:现在qq邮箱开通smtp服务后会给你一个很长的独立新密码,发邮件配置中的密码需要 ...

  6. 非链接方式访问数据库--查询的数据集用Dataset来存储。

    private void Button_Click_1(object sender, RoutedEventArgs e) { //非链接方式访问数据库, //1创建连接对象(连接字符串) using ...

  7. &lpar;转&rpar;Thread&period;setDaemon设置说明

    本想搜下python多线程里的setDaemon,发现了这篇文章写得很不错:http://blog.csdn.net/m13666368773/article/details/7245570 Thre ...

  8. CTP期货期权交易开发

    CTP交易部分接口说明 综合交易平台(Comprehensive Transaction Platform,CTP)是专门为期货公司开发的一套期货经纪业务管理系统,由交易.风险控制和结算三大系统组成. ...

  9. ASPCMS&lowbar;判断语句if标签的使用

    这几天在仿个企业站,又用到了ASPCMS.这个CMS系统支持响应式模板——视访问设备而使用不同的模板,这样PC.手机都能兼顾. ▼官方给出的说明: 1.满足条件则显示 {if:条件语句} 显示内容 { ...

  10. json&lowbar;encode让URL内容斜杠&sol;不转义

    同事在开发接口的时候根据接口提示要求传参一个字符串json,该json格式中有URL数组,按照json_encode编码后总发现 http://变成了 http:\/\/  .URL的斜杠自动的被转义 ...