上传文件、ajax上传文件
发布时间:2020-12-16 02:59:03 所属栏目:百科 来源:网络整理
导读:一、普通上传文件 1 后台 from django.shortcuts import render,HttpResponse # Create your views here. def login(request): if request.method == ‘ GET ‘ : return render(request, ‘ login.html ‘ ) def fileupload(request): myfile =request.FILE
一、普通上传文件 1 后台 from django.shortcuts import render,HttpResponse # Create your views here. def login(request): if request.method == ‘GET‘: return render(request,‘login.html‘) def fileupload(request): myfile=request.FILES.get(‘myfile‘) with open(myfile.name,‘wb‘)as f: for line in myfile: f.write(line) return HttpResponse(‘上传成功‘) 2 配置url 3 前端 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <script src="/static/jquery-3.3.1.js"></script> <title>Title</title> </head> <body> <form action="/fileupload/" method="post" enctype="multipart/form-data"> <p>名字:<input type="text" name="name"></p> <p>文件:<input type="file" name="myfile"></p> <p><input type="submit" value="提交"></p> </form> </body> </html> 二、ajax上传文件 1.后台 def fileupload(request): myfile=request.FILES.get(‘myfile‘) with open(r‘D:iiiop‘,‘wb‘)as f: for line in myfile: f.write(line) return HttpResponse(‘上传成功‘) 2 配置url 3 前端 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <script src="/static/jquery-3.3.1.js"></script> <title>Title</title> </head> <body> <h1>ajax上传文件</h1> <p>名字:<input type="text" id="id_name"></p> <p>文件:<input type="file" id="id_file"></p> <button id="filebtn">ajax上传文件</button> </body> <script> $("#filebtn").click(function () { var myfile=$("#id_file")[0].files[0] var formdata=new FormData() formdata.append(‘name‘,$("#id_name").val()) formdata.append(‘myfile‘,myfile) $.ajax({ url:/fileupload/,type:‘post‘,processData:false,contentType:false,data:formdata,success:function (data) { console.log(data) } }) }) </script> </html> (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |