码迷,mamicode.com
首页 > Web开发 > 详细

form表单系列中文件上传及预览

时间:2018-07-06 14:20:48      阅读:291      评论:0      收藏:0      [点我收藏+]

标签:func   item   class   ram   path   append   with open   文件   form表单   

文件上传及预览
Form提交
Ajax 上传文件

时机:
    如果发送的[文件]:-》iframe, jQurey(),伪Ajax


预览
import os
img_path = os.path.join(‘static/img‘, fafafa.name)
with open(img.path, ‘wb‘) as f:
    for item in fafafa.chunks():
        f.write(item)

function iframeSubmit(){
    $(‘#ifm1‘).load(function(){
    var test = $(‘#ifm1‘).contents().find(‘body‘).text();
    var obj = JSON.parse(text);
    
    $(‘#preview‘).empty();
    var imgTag = document.createElement(‘img‘);
    imgTag.src = ‘/‘ +obj.data;
    $(‘#preview‘).append(imgTag);  #给div添加一个imgTag标签

})
}

input onchange = ‘changeUpload()‘

function changeUpload(){
    $(‘#ifm1‘).load(function(){
    var test = $(‘#ifm1‘).contents().find(‘body‘).text();
    var obj = JSON.parse(text);
    
    $(‘#preview‘).empty();
    var imgTag = document.createElement(‘img‘);
    imgTag.src = ‘/‘ +obj.data;
    $(‘#preview‘).append(imgTag);  #给div添加一个imgTag标签

})
    #(‘#fm1‘).submit();
}

 

form表单系列中文件上传及预览

标签:func   item   class   ram   path   append   with open   文件   form表单   

原文地址:https://www.cnblogs.com/Liang-jc/p/9273085.html

踩
(0)
赞
(0)
   
举报
评论 一句话评论(0)
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!