专栏首页BeJavaGod图片上传的第二种形式

图片上传的第二种形式

之前有说了一种以base64的图片上传形式,这次来说说另外一种,其实很简单,很早以前都是在form提交的时候再controller中处理,现在基本不会这么做,都是通过ajax来实现异步上传的

首先需要引入jquery.ui.widget.js以及jquery.fileupload.js这两个js,

HTML代码:

构建js对象并且初始化:

后台controller以及service处理,需要调用fastdfs客户端上传

上传的效果如此,最后通过上传后的路径,直接使用form序列化再提交保存到数据库中即可

最近实在很忙,时间很碎片化,一方面公司的产品急着做,另一方面又在做自己的产品以及一套开源权限,同时又在着手准备开公司的事情,所以在文章更新的频率上放缓了脚步,希望大家谅解,等事情告一段落后给大家每人发个红包哈~!

本文分享自微信公众号 - BeJavaGod(wxleechenxiang),作者:吕戬翔

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2017-03-23

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • log4j的正确使用姿势

    最近清明节,朋友公司的日志爆了,说控制台打得太满了,出了问题,早上4点多被喊去公司修改代码,他们把所有的日志全部在控制台打印了,结果就。。。我说日志这么做不可取...

    风间影月
  • 慕课网 20200330 es+geo+baidu-map 直播视频与文字版笔记汇总

    https://github.com/mobz/elasticsearch-head#running-with-built-in-server

    风间影月
  • Hystrix 简单聊聊断路器/熔断器

    Hystrix 在SpringCloud中负责服务熔断服务降级的作用。 Hystrix 存在的目的也是为了防止过多超时导致系统瘫痪。比如多个服务之间的相互调用,...

    风间影月
  • Edge.js:让.NET和Node.js代码比翼齐飞

    通过Edge.js项目,你可以在一个进程中同时运行Node.js和.NET代码。在本文中,我将会论述这个项目背后的动机,并描述Edge.js提供的基本机制。随后...

    张善友
  • 3D绘图小帮手WebGL入门与进阶(中)——着色器的基本编程

    京东技术
  • JavaScript机器学习之线性回归

    译者按: AI 时代,不会机器学习的 JavaScript 开发者不是好的前端工程师。

    Fundebug
  • 2.3.2 基于bootstrap框架写加法器

    什么是bootstrap?一套用js和CSS编写的框架模板,自己组装一下就可以编写比较美观的网页。官当介绍是组件库:

    周星星9527
  • 2.3.2 基于bootstrap框架写加法器

        什么是bootstrap?一套用js和CSS编写的框架模板,自己组装一下就可以编写比较美观的网页。官当介绍是组件库:

    周星星9527
  • APNs推送

    即时通讯中需要对离线消息进行接收,此时就需要离线推送即当应用没有退出登录的情况下,被系统或者用户杀掉进程仍然能收到IMSDK消息提醒。云通讯iOS客户端采用的是...

    腾讯视频云-Zachary
  • 关于Python局部变量和全局变量必须知道的几句话

    虽然Python支持非常复杂的变量作用域和访问顺序(详见:几行代码理解Python变量访问的LEGB顺序、详解Python变量作用域),但是一般而言,能够分清局...

    Python小屋屋主

扫码关注云+社区

领取腾讯云代金券