python之form表单上传文件

最新推荐文章于 2024-08-07 02:04:44 发布

weixin_30907935

最新推荐文章于 2024-08-07 02:04:44 发布

阅读量1.4k

点赞数

文章标签： python 数据库 javascript ViewUI

原文链接：http://www.cnblogs.com/ssxblog/p/10626723.html

版权

文件上传
-----form表单上传文件

看下代码就完事了

def up_load(request):
    if request.method == "GET":
    获取数据库的数据
        imglist=models.Image.objects.all()
        return render(request, "upload.html",{"imageL":imglist})
    elif request.method == "POST":
        user = request.POST.get("user")
        haha = request.POST.get("ha")
        # 上传图片
        obj = request.FILES.get("ha")
        print(obj.name, obj.size)
        # f=open(obj.name,'wb')
        import os
        filepath = os.path.join("static","image", obj.name)#图片的路径
        # f=open(os.path.join("upload",obj.name),'wb')
        #将路径存入数据库
        models.Image.objects.create(path=filepath)
        f = open(filepath, 'wb')
        for chunk in obj.chunks():
            f.write(chunk)
        f.close()

        print(user, haha)
        return render(request, "upload.html")

html代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<form method="POST" action="/upload/" enctype="multipart/form-data">
    <input type="text" name="user"/>
    <input type="file" name="ha"/>
    <input type="submit" value="提交"/>
</form>
<div>
{#<img style="height: 200px;width: 200px; background: /static/image/1-1G1201AJ9.jpg" src=""/>#}
    {% for item in imageL %}
        <img style="height: 200px;width: 200px" src="/{{ item.path }}"/>
    {% endfor %}
</div>
</body>
</html>

--------Ajax上传文件

悄悄的上传

xmlHttpRequest

xml=new XMLHttpRequest();#定义一个对象
                 xml.open("post","/upload/",true)#以post方式传到url，true表示异步的。
                 xml.send("k1=v1;k2=v2")#字符串的形式发送

jQuery

 $.ajax({
                      url:
                      data:{'k1':'v1','k2':'v2'}
                })
             FormData对象                                                            可以承载字符串，也可以承载文件
                      dict=new FormData                                             #创建了一个dict对象
                      dict.append('k1','v1');                                          #生成键值对
                      dict.append('k2','v2');
                      dict.append('hahahh',文件对象);

--------基于form表单和iframe自己实现ajax请求

iframe实现局部刷新

  <input type="text" id="url"/>
           <input type="button" value="点我" οnclick="iframe_Change();"/>
           <iframe  id="ifr" src=""></iframe>
             
             
             function iframe_Change() {
                      var url=$('#url').val();
                      $('#ifr').attr('src',url);

    }