thinkjs 文件上传功能实例代码


Posted in Javascript onNovember 08, 2017

介绍

ThinkJS 是一款面向未来开发的 Node.js 框架,整合了大量的项目最佳实践,让企业级开发变得如此简单、高效。从 3.0 开始,框架底层基于 Koa 2.x 实现,兼容 Koa 的所有功能。

特性

  • 基于 Koa 2.x,兼容 middleware
  • 内核小巧,支持 Extend、Adapter 等插件方式
  • 性能优异,单元测试覆盖程度高
  • 内置自动编译、自动更新机制,方便快速开发
  • 使用更优雅的 async/await 处理异步问题,不再支持 */yield
  • 从 3.2 开始支持 TypeScript

架构

thinkjs 文件上传功能实例代码

thinkjs是360公司出的一个基于nodejs的mvc框架,本文采用thinkjs写后端,具体代码如下:

let formdata = new FormData($('form')[0]);
  $('#fileUpload').submit(function (e) {
    e.preventDefault();
    var data = new FormData($(this)[0]);
    $.ajax({
      url: '/themestore/upload/theme',
      type: 'POST',
      data: data,
      async: false, //发送同步请求(默认为TRUE)
      cache: false, //不同浏览器缓存中加载请求信息(默认为true)
      contentType: false, //内容编码格式
      processData: false,
/*要求为Boolean类型的参数,默认为true。默认情况下,发送的数据将被转换为对象(从技术角度来讲并非字符串)以配合默认内容类型"application/x-www-form-urlencoded"。如果要发送DOM树信息或者其他不希望转换的信息,请设置为false。*/
      success:function (res) {
        if(!res.errno) alert('上传成功!');
        else alert('上传失败,请重试!');
      }
    });
  });

说明:async: false, cache: false, contentType: false, processData: false,需要写上去。

此外,formdata对象中表单各项对应的值,要使用其自身get方法查看。

eg:data.get(‘file') //其中get的参数是表单元素的name。

async themeAction(){
  let themefile = this.file('themename');
  let filepath = themefile.path;//为防止上传的时候因文件名重复而覆盖同名已上传文件,path是MD5方式产生的随机名称
  let uploadpath = think.RESOURCE_PATH + '/static/theme';
  think.mkdir(uploadpath);//创建该目录
  //提取出用 ‘/' 隔开的path的最后一部分。
  //let basename = path.basename(filepath);
  let basename = themefile.originalFilename;//因为本系统不允许上传同名主题,所以文件名就直接使用主题名
  //将上传的文件(路径为filepath的文件)移动到第二个参数所在的路径,并改为第二个参数的文件名。
  fs.renameSync(filepath, uploadpath + '/' + basename);
  themefile.path = uploadpath + '/' + basename;
  //读取压缩文件信息存数据库
  let zip = new JSZip();
  this.success(themefile);
 }

总结

以上所述是小编给大家介绍的thinkjs 文件上传功能实例代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
转一个日期输入控件,支持FF
Apr 27 Javascript
基于jquery+thickbox仿校内登录注册框
Jun 07 Javascript
纯CSS打造的导航菜单(附jquery版)
Aug 07 Javascript
javascript闭包的理解和实例
Aug 12 Javascript
javascript图片预加载完整实例
Dec 10 Javascript
js实现有过渡渐变效果的图片轮播相册(兼容IE,ff)
Jan 19 Javascript
jQuery鼠标事件总结
Oct 13 Javascript
详解angular2实现ng2-router 路由和嵌套路由
Mar 24 Javascript
JavaScript中offsetWidth的bug及解决方法
May 17 Javascript
用vue的双向绑定简单实现一个todo-list的示例代码
Aug 03 Javascript
JavaScript模板引擎应用场景及实现原理详解
Dec 14 Javascript
Vue切换组件实现返回后不重置数据,保留历史设置操作
Jul 21 Javascript
基于jQuery的$.getScript方法去加载javaScript文档解析
Nov 08 #jQuery
在React 组件中使用Echarts的示例代码
Nov 08 #Javascript
浅谈mint-ui loadmore组件注意的问题
Nov 08 #Javascript
es6在react中的应用代码解析
Nov 08 #Javascript
mac中利用NVM管理不同node版本的方法详解
Nov 08 #Javascript
浅谈vue-router2路由参数注意的问题
Nov 08 #Javascript
基于jQuery中ajax的相关方法汇总(必看篇)
Nov 08 #jQuery
You might like
修改PHP的memory_limit限制的方法分享
2012/02/21 PHP
ThinkPHP CURD方法之limit方法详解
2014/06/18 PHP
PHP单例模式简单用法示例
2017/06/23 PHP
几个javascript操作word的参考代码
2009/10/26 Javascript
JavaScript在IE和Firefox(火狐)的不兼容问题解决方法小结
2010/04/13 Javascript
jQuery选中select控件 无法设置selected的解决方法
2010/09/01 Javascript
javascript中的循环语句for语句深入理解
2014/04/04 Javascript
教你在heroku云平台上部署Node.js应用
2014/07/30 Javascript
jQuery实现进度条效果代码
2015/12/17 Javascript
JavaScript实现下拉菜单的显示和隐藏
2016/01/05 Javascript
基于JavaScript短信验证码如何实现
2016/01/24 Javascript
基于Bootstrap实现tab标签切换效果
2020/04/15 Javascript
Node.js中看JavaScript的引用
2017/04/22 Javascript
关于angularJs清除浏览器缓存的方法
2017/11/28 Javascript
记一次webpack3升级webpack4的踩坑经历
2018/06/12 Javascript
微信小程序用户授权弹窗 拒绝时引导用户重新授权实现
2019/07/29 Javascript
微信小程序实现上传多张图片、删除图片
2020/07/29 Javascript
动态创建类实例代码
2009/10/07 Python
Python中subprocess模块用法实例详解
2015/05/20 Python
python读取oracle函数返回值
2016/07/18 Python
详解Tensorflow数据读取有三种方式(next_batch)
2018/02/01 Python
Python抓取聚划算商品分析页面获取商品信息并以XML格式保存到本地
2018/02/23 Python
对python借助百度云API对评论进行观点抽取的方法详解
2019/02/21 Python
详解10个可以快速用Python进行数据分析的小技巧
2019/06/24 Python
Keras自动下载的数据集/模型存放位置介绍
2020/06/19 Python
基于HTML5的WebGL经典3D虚拟机房漫游动画
2017/11/15 HTML / CSS
Scholastic父母商店:儿童书籍
2017/01/01 全球购物
德国高尔夫商店:Par71.de
2020/11/29 全球购物
Farfetch巴西官网:奢侈品牌时尚购物平台
2020/10/19 全球购物
八年级美术教学反思
2014/02/02 职场文书
运输企业安全生产责任书
2014/07/28 职场文书
走群众路线学习心得体会
2014/10/31 职场文书
仙境之桥观后感
2015/06/16 职场文书
商业计划书之服装
2019/09/09 职场文书
一篇文章学会Vue中间件管道
2021/06/20 Vue.js
vue实现书本翻页动画效果实例详解
2022/04/08 Vue.js