formdata

通过ajax formdata 上传附件

送分小仙女□ 提交于 2019-12-26 00:44:55
1、主要使用ajax formdata 2、如果要做图片上传之前预览还需要blob的数据方式,window.URL.createObjectURL(blob); 下面是js代码,服务器端就可以直接使用php的超全局数据变量,$_FILES来i进行数据的处理。 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="utf-8"> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 6 <meta name="viewport" content="width=device-width, initial-scale=1"> 7 <meta name="description" content=""> 8 <meta name="author" content=""> 9 <title>uploadify</title> 10 <script type="text/javascript" src="./js/jquery-1.11.1.js"></script> 11 <script type="text/javascript"> 12 $(function() { 13 $('#btn').on({ 14 click:function() { 15 var

Ajax通过FormData上传文件

痴心易碎 提交于 2019-12-26 00:44:38
1.使用<form>表单初始化FormData对象方式上传文件 HTML代码 <form id="uploadForm" enctype="multipart/form-data"> <input id="file" type="file" name="file"/> <button id="upload" type="button">upload</button> </form> javascript代码 $.ajax({ url: '/upload', type: 'POST', cache: false, data: new FormData($('#uploadForm')[0]), processData: false, contentType: false }).done(function(res) { }).fail(function(res) {}); 这里要注意几点: processData 设置为 false 。因为 data 值是 FormData 对象,不需要对数据做处理。 <form> 标签添加 enctype="multipart/form-data" 属性。 cache 设置为 false ,上传文件不需要缓存。 contentType 设置为 false,不设置contentType值, 因为是由 <form> 表单构造的 FormData 对象

FormData 对象的使用

混江龙づ霸主 提交于 2019-12-26 00:39:06
Content 从零开始创建FormData对象 通过HTML表单创建FormData对象 使用FormData对象上传文件 不使用FormData对象,通过AJAX提交表单和上传文件 FormData对象用以将数据编译成键值对 ,以便用 XMLHttpRequest 来发送数据。 其主要用于发送表单数据 ,但亦可用于发送带键数据( keyed data ),而 独立于表单使用 。如果表单 enctype 属性设为 multipart/form-data ,则会使用表单的 submit() 方法来发送数据,从而,发送数据具有同样形式。 从零开始创建FormData对象 你可以自己创建一个 FormData 对象,然后调用它的 append() 方法来添加字段,像这样: var formData = new FormData ( ) ; formData . append ( "username" , "Groucho" ) ; formData . append ( "accountnum" , 123456 ) ; //数字123456会被立即转换成字符串 "123456" // HTML 文件类型input,由用户选择 formData . append ( "userfile" , fileInputElement . files [ 0 ] ) ; //

python 正则表达式

有些话、适合烂在心里 提交于 2019-12-24 05:13:48
面试的过程中经常被问到使用过那些python模块,然后我大脑就出现了一片空白各种模块一顿说,其实一点顺序也没有然后给面试官造成的印象就是自己是否真实的用到这些模块,所以总结下自己实际工作中常用的模块; 时间模块 time datatime   时间模块常用的方法 1.获取时间戳 import time time.time() 2.获取当前日期 from datetime import datetime datetime.now() 3.获取昨天、明天的日期(获取上个月和下个月同理) from datetime import date, timedelta today = date.today() oneday = timedelta(days=1) # 获取时间间隔 yesterday = today - oneday # 获取昨天-1 ,明天 +1 数据库交互模块 pymysql # 连接MySQL数据库 pymongo # 连接mongo数据库,详细的方法详见http://www.cnblogs.com/mengyu/p/7725396.html redis # 连接redis数据库 加密 hashlib # 提供常用的加密算法md5, sha1, sha224, sha256, sha384, sha512   md5加密例子(sha1,sha224,sha256

java导入Excel表格数据

霸气de小男生 提交于 2019-12-23 19:02:11
首先导入Excel数据需要几样东西 第一需要两个依赖包,这里直接是在pom注入依赖 <!--excel--> <dependency> <groupId>org.apache.poi</groupId> <artifactId>poi</artifactId> <version>3.10.1</version> </dependency> <dependency> <groupId>org.apache.poi</groupId> <artifactId>poi-ooxml</artifactId> <version>3.9</version> </dependency> 第二就是需要一个工具类,就和分页的工具类一个性质,这里就不贴出来了太长 。百度搜索 “ExcelUtil” 代码中用到的js文件 jquery-3.1.1.min.js、layer.js 下面开始贴js代码 //h5的话,写一个文件域就好了       //上传Excel文件        uploadFile() { var file = $("#upload").val(); file = file.substring(file.lastIndexOf('.'), file.length); if (file == '') { layer.open({ content: '上传文件不能为空!' , skin:

Python通过代理爬取知网数据

烂漫一生 提交于 2019-12-23 05:24:23
# -*- coding=utf-8 -*- import time import datetime import requests import re import os import random from bs4 import BeautifulSoup from requests.exceptions import ConnectionError, ReadTimeout ## headers2 = { 'User-Agent' : 'Mozilla/5.0 (Windows NT 6.1; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/59.0.3071.115 Safari/537.36' } cookies = { 'Cookie' : 'ASP.NET_SessionId=04kvxfczofgsnqanxayw5twy; SID_navi=120162; cnkiUserKey=6c764210-5480-5645-eccc-02ec772592d7; Ecp_ClientId=1191218194104202263; Ecp_IpLoginFail=191218111.167.199.201; _pk_ses=*' } param = { 'Accept' : 'text/html, */*;

jQuery Validate验证框架详解,提交前验证

╄→гoц情女王★ 提交于 2019-12-22 20:46:13
现在都用h5表单进行验证了,以下方式仅做回忆 https://www.runoob.com/jquery/jquery-plugin-validate.html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <base href="<%=basePath%>"> <title>jQuery Validate验证框架详解</title> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="expires" content="0"> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="This is my page"> <script type="text/javascript" src="<%=request.getContextPath()%>/validate/jquery-1.6.2.min.js"></script> <script

CSDN如何把图片存入到数据库

橙三吉。 提交于 2019-12-22 14:51:10
如果你不希望别人轻易地在其他站点引用你的图片,你可以把图片存入在数据库.下面介绍的是主要有二个:1如何把图片上传到数据库,2如何显示数据库并加上验证. 首先我们先来熟悉一下将要使用的对象方法。我们用来获取上一个页面传递过来的数据一般是使用request对象。同样的,我们也可以使用request对象 来获取上传上来的文件数据,使用的方法是request.binaryread()。而我们要从 数据库中读出来图片的数据显示到网页上面要用到的方法是: request.binarywrite()。在我们得到了图片的数据,要保存到数据库中的时候, 不可以直接使用insert语句对数据库进行操作,而是要使用ado的 appendchunk方法,同样的,读出数据库中的图片数据,要使用getchunk方 法。各个方法的具体语法如下: 1) request.binaryread语法: variant = request.binaryread(count) 参数 :variant 返回值保存着从客户端读取到数据。 count 指明要从客户端读取的数据量大小,这个值小于或者等于使用方法request.totalbytes得到的数据量。 2)request.binarywrite语法: request.binarywrite data 参数: data 要写入到客户端浏览器中的数据包。 3) request

web 文件上传的几种方式

岁酱吖の 提交于 2019-12-22 04:20:17
问题 文件上传在WEB开发中应用很广泛。 文件上传是指将本地图片、视频、音频等文件上传到服务器上,可以供其他用户浏览或下载的过程。 以下总结了常见的文件(图片)上传的方式和要点处理。 表单上传 这是传统的form表单上传,使用form表单的input[type=”file”]控件,可以打开系统的文件选择对话框,从而达到选择文件并上传的目的,它的好处是多浏览器兼容,它是web开发者最常用的一种文件上传方式。 表单的代码如下: <form method="post" action="http://uploadUrl" enctype="multipart/form-data"> <input name="file" type="file" accept="image/gif,image.jpg" /> <input name="token" type="hidden" /> <input type="submit" value="提交" /> </form> 以下是表单上传几个关键点: method="post" : 采用post方式提交数据 enctype="multipart/form- data" :采用multipart格式上传文件,此时request头会显示 Content-Type:multipart/form-data; boundary=—

Vue项目框架

时光总嘲笑我的痴心妄想 提交于 2019-12-21 14:21:49
Vue项目框架 基本组件的使用: new Vue({ el, //要绑定的DOM element data, //要绑定的资料 props, //可用来接收父原件资料的属性 template, //要解析的模板,可以是#id , HTML 或某个DOM element 实体 computed, //定义资料的getter 与 setter,即需要计算后才能使用的属性 components, //定义子元件,可用ES6简写法 例如(MyHeader) methods, //定义可以在元件或样版内使用的方法 propsData, //存放预设的props 内容,方便测试用 relplace, //要不要用template取代el指向的DOM Element预设为ture }) 这里说一下v-if和v-show的差别 v-if 与 v-show 最大的差别在于对DOM的操作,v-if会依照条件决定是否将原件渲染至网页上,并决定时间于材料的监听是否要绑定至原件或直接销毁该原件 v-show 则是必定会产出原件,但以条件来切换css(style)的现实与否,若条件改变频繁,用 v-show 来切换更适合 再来一张 vue1.0 和 vue2.0 的对比图 这里在解释一下 method 和 component 以及 slot <b>methods:</b> 一次加载一个数据 <b