直接上代码

html

               <form class="form-horizontal" id="upload-form">
<div class="col-md-6">
<div class="form-group">
<label class="col-sm-3 control-label">选择图片:</label> <div class="col-sm-9">
<input type="file" id = "picfile" name = "picfile">
</div>
</div>
<div class="btn-group btn-group-xl pull-right">
<button type="submit" class="btn btn-primary">提交</button>
</div>
</div>
</form>

jquery

$("#upload-form").submit( function() {
var checklist = $("input[name='checklist']");
var choice = new Array();
for (var i = 0; i < checklist.length; i++) {
if (checklist[i].checked) {
choice.push(checklist[i].value);
}
}
var imgs = $("#picfile")[0].files[0];
var data = new FormData();
data.append('taskids', choice)
data.append('imgs', imgs)
if (choice.length && imgs){
$.ajax({
type: 'POST',
url: '/rankkw/uploadPicture/',
data: data,
cache: false,
              async: false, 
processData: false,
contentType: false,
              success: function (data, status) {
            if (data.ret == 0) {
            alert('上传图片成功!');
            table.ajax.reload();
            }
            else {
            alert("上传图片失败!失败原因:" + data.message);
             }
              },
              error: function (data) {
             alert( "错误原因"+data);
              }
        }) }else{ alert("未选中任务或未选择图片!") } })

后台

def uploadPicture(request):
try:
taskids = request.POST.get('taskids')
if not taskids:
ex = u"任务id获取失败"
raise Exception, ex
reqfile = request.FILES.get('imgs')
img = Image.open(reqfile)
img.thumbnail((500,500), Image.ANTIALIAS)
img.save('D:\\django\\amzkeyword\\statics\\uploadimgs\\1.png', "png")
return render_to_response("addtask.html", { "upload_msg": u"上传成功"})
except Exception, e:
err = u"上传失败,错误原因:" + str(e)
return render_to_response('addtask.html', { "upload_msg": err})

django上传图片和文字记录的更多相关文章

  1. django上传图片

    django修改头像的功能... 1.在表单中加入enctype="multipart/form-data: 关于表单中enctype的介绍:http://www.w3school.com. ...

  2. 7.django之自定义分页记录

    只是大概记录下步骤: 1.表结构: class UserProfile(models.Model): ''' 用户表 ''' user = models.OneToOneField(User,verb ...

  3. django上传图片简单验证以及自动修改图片名称

    django实现文件(图片)上传之后自动修改名称以及页面上传图片时的各种提醒: 1.先在你项目中添加一个文件夹如:system 在文件夹下添加__init__.py 和storage.py文件,并在s ...

  4. Python开发【Django】:日志记录、API认证

    日志记录: 调用同一个对象,分别记录错误日志和运行日志 自定义日志类: class Logger(object): __instance = None def __init__(self): self ...

  5. django 上传图片、使用PIL制作缩略图并保存到sea的storage

    上传图片解析: SAE的设置指引如下: 处理用户上传文件 在setttings.py中添加以下配置. # 修改上传时文件在内存中可以存放的最大size为10m FILE_UPLOAD_MAX_MEMO ...

  6. django模型manager学习记录

    Managers 在语句Book.objects.all()中,objects是一个特殊的属性,需要通过它查询数据库. 在第5章,我们只是简要地说这是模块的manager .现在是时候深入了解mana ...

  7. # Django 2.2.*问题记录

    使用pymysql作为Django连接MySQL数据库的工具时,碰到以下问题,留下记录以便后期遇到相同问题时查看. 问题1 django.core.exceptions.ImproperlyConfi ...

  8. 服务器部署 Vue 和 Django 项目的全记录

    本篇记录我在一个全新服务器上部署 Vue 和 Django 前后端项目的全过程,内容包括服务器初始配置.安装 Django 虚拟环境.python web 服务器 uWSGI 和反向代理 Nginx ...

  9. 【公开课】《奥威Power-BI基于微软示例库(MSSQL)快速制作管理驾驶舱》文字记录与反馈

        本期分享的内容: <奥威Power-BI基于微软示例库(MSSQL)快速制作管理驾驶舱> 时间:2016年11月02日 课程主讲人:叶锡文 从事商业智能行业,有丰富的实施经验,擅长 ...

随机推荐

  1. hexo 搭建博客

    使用hexo搭建网站.记录一下. hexo搭建方法: https://wsgzao.github.io/post/hexo-guide/ http://jacob110.github.io/2015/ ...

  2. 微信域名weixin.com天价成交!是腾讯吗?

    据业内人士爆料,“微信”双拼域名weixin.com已于今天交易了,成交价格8位数.如此大手笔,神秘买家会是腾讯吗? 通过查询该域名的whois信息,最近一次的更新时间显示为今年4月13日,注册邮箱信 ...

  3. MongoDB 正则表达式

    示例 MongoDB 使用 $regex 操作符来设置匹配字符串的正则表达式. > db.col.find() { "_id" : ObjectId("56c6bb ...

  4. 使用NSURLSession请求需要AD认证的HTTPS服务器

    关键代码:使用后台下载PDF文件 - (void)startDownloadPDF{ NSURLSession *session = [self session]; NSString *downloa ...

  5. [Call Vibrator] How to Enable Outgoing Call Vibration without ROOT

    Call Vibrator requires the radio log of phone to detect when outgoing call is answered. But since An ...

  6. vmware lan map

    1,nat: virtrual machine---vmnet8---PC---internet 2,host-only virtual machine(0,1,2...)---vmnet1 3,br ...

  7. PostgreSQL中美元符号引用的字符串常量

    虽然用于指定字符串常量的标准语法通常都很方便,但是当字符串中包含了很多单引号或反斜线时很难理解它,因为每一个都需要被双写.要在这种情形下允许可读性更好的查询,PostgreSQL提供了另一种被称为“美 ...

  8. html 圆角边框

    <input style="border-radius: 10px;" type="submit" value="确认"> bo ...

  9. 最近兰州的js风格写个插件和一个template engine

    /* *@Product Name: Rational Framework Author: Calos Description: pager !important: pager */ (functio ...

  10. Web TreeView 加载级联数据

    protected void Page_Load(object sender, EventArgs e) { if (!IsPostBack) { dt = BLL.GetTable(); LoadL ...