时间:2021-05-26
介绍
ThinkJS 是一款面向未来开发的 Node.js 框架,整合了大量的项目最佳实践,让企业级开发变得如此简单、高效。从 3.0 开始,框架底层基于 Koa 2.x 实现,兼容 Koa 的所有功能。
特性
架构
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, 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 文件上传功能实例代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
本文实例为大家分享了axios实现文件上传功能的具体代码,供大家参考,具体内容如下前台页面:引入axiosjs文件HTML:上传图片JS:functionupl
本文为大家分享了js实现文件上传功能的具体代码,供大家参考,具体内容如下XMLHttpRequest上传文件//图片上传varxhr;//上传文件方法funct
本文实例讲述了利用yii框架来实现图片上传功能并在上传成功之后自动生成缩略图的方法,分享给大家供大家参考。具体实现方法如下:Action文件:复制代码代码如下:
本文实例为大家分享了Java实现文件上传服务器和客户端的具体代码,供大家参考,具体内容如下文件上传服务器端:/***使用TCP协议实现上传功能的服务器端*思路:
本文实例讲述了JS实现的文件拖拽上传功能。分享给大家供大家参考,具体如下:www.jb51.netJS文件拖拽上传div{width:300px;height: