python文件上传
前端代码:
html
1 2 | <input id= "fileUpload" type = "file" name= "upload" > <input type = "button" @click= "submitfile" value= "Upload" > |
js
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 | submitfile() { var formData = new FormData() var formData = new window.FormData() formData.append( "f1" ,$( "#fileUpload" )[0].files[0]); console.log(formData) //开始Ajax请求 var options = { // 设置axios的参数 url: this.baseUrl+ '/upload_action/' , data: formData, method: 'post' , headers: { 'Content-Type' : 'multipart/form-data' } } axios(options).then((res) => { console.log(res) }) }, |
后端:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | def upload_action(request): try: # 1.获取上传的文件 pic = request.FILES[ 'f1' ] print(pic) # 2.创建文件 save_path = '%s/%s' % (MEDIA_ROOT, pic.name) with open(save_path, 'wb' ) as f: # 获取上传文件的内容并写到创建文件中 # pic.chunks():分块的返回文件 for content in pic.chunks(): f.write(content) return JsonResponse({ 'code' : 1, 'data' : pic.name}) except Exception as e: return JsonResponse({ 'code' : 0, 'msg' : "Upload failed:" + str(e)}) |
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 微软正式发布.NET 10 Preview 1:开启下一代开发框架新篇章
· 没有源码,如何修改代码逻辑?
· PowerShell开发游戏 · 打蜜蜂
· 在鹅厂做java开发是什么体验
· WPF到Web的无缝过渡:英雄联盟客户端的OpenSilver迁移实战