formdata

Django与Ajax

匿名 (未验证) 提交于 2019-12-03 00:11:01
choices参数 在choices里面罗列数字与中文对应关系,用数字来表示一些数据,这样做可以节省内存空间 建表的方式 : from django.db import models # Create your models here. class User(models.Model): username = models.CharField(max_length=32) age = models.IntegerField() choices = ( (1,'男'),(2,'女'),(3,'其他') ) gender = models.IntegerField(choices=choices) """ 1 存choice里面罗列的数字与中文对应关系 print(user_obj.get_gender_display()) 只要是choices字段 在获取数字对应的注释 固定语法 get_choices字段名_display() 2 存没有罗列迟来的数字 不会报错 还是展示数字 """ class Book(models.Model): title = models.CharField(max_length=32) 展示表中的数据时: import os # 测试代码 if __name__ == "__main__": os.environ.setdefault("DJANGO

angularjs完整demo例子

匿名 (未验证) 提交于 2019-12-02 23:57:01
 AngularJS的主要特点是 mvc 数据双向绑定 分模块 依赖注入      mvc m: $Scope 变量 V:视图 c:controller=function(){} 控制器 方法      Angularjs的用法 1.在一个有起始标签的元素开始标签内使用 ng-app来指定angularjs的作用范围 2.angularJS的表达式是双大括号 {{}} 里面可以显示变量,数学运算,执行方法 3.ng-model=“变量名” 在输入框内可以绑定一个变量,此变量前端输入的值和js代码中的值是双向绑定的,一个变了都变了,并且使用此变量的地方都发生改变 4.ng-init=“变量名=‘变量值’” 一般加在body的起始标签内 初始化变量 也可以初始化方法 相当于onload方法      通常一个项目有一个angularJS模块,一个页面又一个angularJS的控制器 ng-app=“模块名” ng-app后面也可以指定模块名,如果定义控制器必须先定义模块对象,模块对象必须有名字 如果不定义控制器简单实用angularJS则直接ng-app指定作用范围也可      定义模块及定义控制器需要在js代码块中完成 在body属性里只能指定模块的名字和控制器的名字以及简单的使用      var app=angular.module(‘模块名’,[‘引入的模块名’])

文件上传之前先进行预览

匿名 (未验证) 提交于 2019-12-02 23:57:01
FileReader.readAsDataURL() 1.使用antd中的upload组件进行实现 { avatarVisible && <Modal title="上传头像" visible={avatarVisible} onOk={this.onUpload} onCancel={this.onCancel} className={styles.modalBox} bodyStyle={{ height: 500 }} > <Upload name="avatar" listType="picture-card" className="avatar-uploader" showUploadList={false} beforeUpload={this.beforeUpload} > <Button> 选择图片 </Button> </Upload> <Row> <Col span={12}> <span> 支持JPG、GIF、PNG格式,小于2M </span> <div className={styles.leftContainer}> {imageUrl ? <img src={imageUrl} alt="avatar" style={{ width: '100%' }} /> : null} </div> </Col> <Col span={12}> <span

ajax上传文件及限制文件类型

匿名 (未验证) 提交于 2019-12-02 23:55:01
上传报告文档限制为pdf,word,excel文件,通过input的accept属性设置 <div class="inputs" style="width:100%;"> <input type="file" accept="*.pdf,*.doc,*.xls" id="crowd_file_tz"/> <input type="button" class="upfileBtn" id="uploadFileTZ" value="上传"/> </div> 通过ajax发送请求: //上传台账信息 $('#uploadFileTZ').click(function(){ uploadFile('4','#crowd_file_tz'); }); var uploadFile = function(file_type,fileDom){ var formData = new FormData(); var albh = sbbm; var crowdFile = $(fileDom)[0].files[0]; formData.append('file',crowdFile); formData.append('albh',albh); formData.append('tplx',file_type); $.ajax({ url: '/insertAltpAndWd', type:

vue项目富文本编辑器vue-quill-editor之自定义图片上传

匿名 (未验证) 提交于 2019-12-02 23:49:02
1、如果按照官网富文本编辑器中的图片上传是将图片转为base64格式的,如果需要上传图片到自己的服务器,需要修改配置。 /*富文本编辑图片上传配置*/ const uploadConfig = { action: '', // 必填参数 图片上传地址 methods: 'POST', // 必填参数 图片上传方式 token: '', // 可选参数 如果需要token验证,假设你的token有存放在sessionStorage name: 'img', // 必填参数 文件的参数名 size: 500, // 可选参数 图片大小,单位为Kb, 1M = 1024Kb accept: 'image/png, image/gif, image/jpeg, image/bmp, image/x-icon' // 可选 可上传的图片格式 }; // toolbar工具栏的工具选项(默认展示全部) const toolOptions = [ ['bold', 'italic', 'underline', 'strike'], ['blockquote', 'code-block'], [{'header': 1}, {'header': 2}], [{'list': 'ordered'}, {'list': 'bullet'}], [{'script': 'sub'}, {'script'

照片的批量上传与回显删除

匿名 (未验证) 提交于 2019-12-02 23:47:01
前端页面 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <!--<meta http-equiv="Content-Type"; content="multipart/form-data; charset=utf-8"/>--> <title>多图片上传</title> <script type="text/javascript" src="${ctxPath}/static/js/jquery.min.js?v=2.1.4"></script> <style type="text/css"> *{ margin: 0; padding: 0; } #upBox{ text-align: center; width:500px; padding: 20px; border: 1px solid #666; margin: auto; margin-top: 150px; margin-bottom: 200px; position: relative; border-radius: 10px; } #inputBox{ width: 100%; height: 40px; border: 1px solid cornflowerblue; color: cornflowerblue; border-radius: 20px

ajax上传文件及nodeJS接收

匿名 (未验证) 提交于 2019-12-02 23:43:01
ajax文件上传需要用到FormData 官方介绍 FormData对象用以将数据编译成键值对,以便用 XMLHttpRequest 来发送数据。其主要用于发送表单数据,但亦可用于发送带键数据(keyed data),而独立于表单使用。如果表单 enctype 属性设为 multipart/form-data submit() 方法来发送数据,从而,发送数据具有同样形式。 链接: https://developer.mozilla.org/zh-CN/docs/Web/API/FormData/Using_FormData_Objects 自己写的简单实例: html部分: <body> <form action="/" enctype="multipart/form-data" id="form"> 姓名:<input type="text" name="username" id=""><br> 年龄:<input type="text" name="age" id=""><br> <br> 本人照片:<input type="file" name="img" id="" value="选择照片"><br><br> <input type="button" value="确认提交" name="btn" id="btn"> </form> </body> <script src=

Django框架之Ajax、分页器

匿名 (未验证) 提交于 2019-12-02 23:43:01
一、MTV与MVC MTV模型(django): M:模型层(models.py) T:templates V:views MVC模型: M:模型层(models.py) V:视图层views.py C:控制器(Controller) urls.py 本质:django的MTV也是MVC 二、多对多表的三种创建方式 1.django orm自动创建 class Book(models.Model): name = models.CharField(max_length=32) authors = models.ManyToManyField(to='Author') class Author(models.Model): name = models.CharField(max_length=32) 2.手动创建第三张表(能添加字段,不能使用ORM查询) class Book(models.Model): name = models.CharField(max_length=32) class Author(models.Model): name = models.CharField(max_length=32) class Book2Author(models.Model): book = models.ForeignKey(to='Book') author = models

Ajax上传附件

匿名 (未验证) 提交于 2019-12-02 23:43:01
主要是 formData 其他的没什么 var showTHArray = ['key','名称']; function updateFileFun(obj){ if(jQuery("#edid").val()){ var formData = new FormData(); formData.append("fileMap", document.getElementById("attachFile").files[0]); formData.append("edid", jQuery("#edid").val()); jQuery.ajax({ type: 'post', url : 'IGOCRG0103_Upload.do', data: formData, cache: false, processData: false, contentType: false, }).success(function (data) { debugger; if(data){ var obj = eval("("+data+")"); var jsonArray = obj.returnList; var attrKey = obj.attrKey; jQuery("#attkey").val(attrKey); //创建表格 var dynamicTABLE = document