跳转到主内容
趣航编程网 - 趣学编程,启航技术之路!

实例讲解thinkjs 文件上传功能

本文主要和大家介绍thinkjs 文件上传功能,thinkjs 是一款面向未来开发的 node.js 框架,整合了大量的项目最佳实践,让企业级开发变得如此简单、高效。接下来通过本文给大家分享thinkjs 文件上传功能,需要的朋友参考下吧,希望能帮助到大家。 特性 基于 Koa 2.x,兼容 middleware 内核小巧,支持 Extend、Adapter 等插件方式 性能优异,单元测试覆盖程度高 内置自动编译、自动更新机制,方便快速开发 使用更优雅的 async/await 处理异步问题,不再支持 */yield 从 3.2 开始支持 TypeScript 架构 使用HTML,CSS,JavaScript开发Android应用程序 英文文字pdf版附源文件 如果你了解HTML,CSS和JavaScript,您已经拥有所需的工具开发Android应用程序。本动手本书展示了如何使用这些开源web标准设计和建造,可适应任何Android设备的应用程序 - 无需使用Java。您将学习如何创建一个在您选择的平台的Andr​​oid友好的网络应用程序,然后转换与自由PhoneGap框架到一个原生的Andr​​oid应用程序。了解为什么设备无关的移动应用是未来的潮流,并开始构建应用程序,提供更 下载 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); }
相关推荐: jQuery实现图片文件上传之前预览功能 PHP文件上传解析 php网页常见文件上传功能的实现实例

相关文章