<script type="text/JavaScript" src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.Js"></script><img src="空图片连接" wIDth="80" height="80" ID="ID_img"><input type="file" name="file" ID="uploadForm"><button ID="btnUpload">up</button><script> //当该控件发生变化，响应该事件 $("#uploadForm").change(function () { //alert(1) //取到文件对象 var file = $("#uploadForm")[0].files[0] //放到img控件上，借助于filereader 中间的东西，文件阅读器 //生成一个文件阅读器对象赋值给filereader var filereader = new fileReader() //把文件读到filereader对象中 //读文件需要时间，需要文件读完再去 *** 作img //如果没这一步 *** 作下面不一定变化 filereader.readAsDataURL(file) filereader.onload = function () { $("#ID_img").attr('src',filereader.result) } })</script>@H_301_8@<script> $("#btnUpload").on("click",function () { var formData = new FormData(); //获取要上传多个文件 //let file = $("#uploadForm"); //for (let w = 0; w < file.length; w++) { // formData.append("files[]",file[w]); //} formData.append('img',$("#uploadForm")[0].files[0]); //添加图片信息的参数 formData.append('sizeID',123); //添加其他参数 $.AJAX({ url: '/register/',type: 'post',secureuri: false,//是否启用安全提交，默认为false。 cache: false,//上传文件不需要缓存 data: formData,processData: false,// 告诉jquery不要去处理发送的数据 ContentType: false,// 告诉jquery不要去设置Content-Type请求头 success: function (data) { alert(" 上传成功"); },error: function (data) { alert("上传失败"); } }) })</script>@H_301_8@#核心代码img=request.fileS.get('img')#如果设置中没有设置默认存储在avatar文件下#对于存储位置设置需要在setting中设置#加这两句，以后再上传的图片，都放在media文件夹下MEDIA_URL = "/media/"MEDIA_ROOT = os.path.join(BASE_DIR,"media")@H_301_8@#开路由,直接通过URL能访问源码from django.vIEws,static import servefrom django.conf import settings #要载入他的配置文件urlpatterns = [ url(r'^media/(?P<path>.*)',serve,{'document_root':'文件的根路径'}),]#他会进行拼接,根据传的path拼接再文件的根路径后,然后找到文件@H_301_8@以上是内存溢出为你收集整理的关于django中input标签中file类型以及开路由全部内容，希望文章能够帮你解决关于django中input标签中file类型以及开路由所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）