formdata

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

淺唱寂寞╮ 提交于 2019-11-28 20:02:41
上传报告文档限制为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:

element-ui自定义上传图片

旧时模样 提交于 2019-11-28 19:42:09
按照element ui官网的说法, http-request 覆盖原默认的上传行为,可以自定义上传的实现。 个人代码实现如下: html 部分: <div class="upload_img"> <el-upload class="avatar-uploader" ref="upload_img" action="" accept="image/jpeg,image/jpg,image/png" list-type="picture-card" :name="upload_name" :on-remove="handleRemove" :on-exceed="handleExceed" :limit="1" :file-list="file_list" :http-request="uploadSectionFile"> <i class="el-icon-plus"></i> <div slot="tip" class="el-upload__tip">只能上传jpeg、jpg、png 格式的图片,图片大小在2M以内。</div> </el-upload></div> methods里面的方法 file_list:[ //展示已上传的图片数据 【修改时用的】 // { // name: '01', // url: 'http://voucher-backend

Python3 使用post提交表单登陆豆瓣

£可爱£侵袭症+ 提交于 2019-11-28 19:19:01
## Python3 使用post提交表单登陆豆瓣 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869 import urllib.requestimport requestsimport http.cookiejarimport zlibimport jsonimport randomimport timeimport urllibfrom lxml import etreeimport sslssl._create_default_https_context = ssl._create_unverified_context#cookie = http.cookiejar.CookieJar()#opener = urllib.request.install_opener(urllib.request.HTTPCookieProcessor(cookie))url = 'https://accounts.douban.com/login'hds = [{'User-Agent','Mozilla/5.0 (Windows; U; Windows NT 6.1; en-US;

【Python + Flask + Web录音 + baidu-aip + 图灵机器人 = 人机对话】

≯℡__Kan透↙ 提交于 2019-11-28 17:41:26
原文: http://blog.gqylpy.com/gqy/351 安装baidu-aip: pip install baidu-aip 百度云网址: https://login.bce.baidu.com 百度语音合成文档: https://ai.baidu.com/docs#/TTS-Online-Python-SDK/top 百度语音识别文档: https://ai.baidu.com/docs#/ASR-Online-Python-SDK/top 百度自然语言处理基础技术文档: https://ai.baidu.com/docs#/NLP-Python-SDK/6dfe1b04 Mac系统安装ffmpeg文档: https://blog.csdn.net/stonenotes/article/details/68958332 图灵机器人官网: http://www.tuling123.com/ 图灵机器人接口说明: https://www.kancloud.cn/turing/www-tuling123-com/718227 后端代码 # ⚠️这是在macOS系统上(版本10.14)写的 # pip install baidu-aip # 百度云:https://login.bce.baidu.com # 百度语音合成文档:https://ai.baidu.com

前端获取图片压缩后上传给后台

≡放荡痞女 提交于 2019-11-28 17:33:19
  此前有同事跟我聊过关于移动端用canvas压缩图片后再上传的功能,最近有了点空闲时间,所以就实践了一下。demo效果链接在文章底部贴出。   在做移动端图片上传的时候,用户传的都是手机本地图片,而本地图片一般都相对比较大,拿iphone6来说,平时拍很多图片都是一两M的,如果直接这样上传,那图片就太大了,如果用户用的是移动流量,完全把图片上传显然不是一个好办法。   目前来说,HTML5的各种新API都在移动端的webkit上得到了较好的 实现。根据查看caniuse,本demo里使用到的FileReader、Blob、Formdata对象均已在大部分移动设备浏览器中得到了实现 (safari6.0+、android 3.0+),所以直接在前端压缩图片,已经成了很多移动端图片上传的必备功能了。   在移动端压缩图片并且上传主要用到filereader、canvas 以及 formdata 这三个h5的api。逻辑并不难。整个过程就是:   (1)用户使用input file上传图片的时候,用filereader读取用户上传的图片数据(base64格式)   (2)把图片数据传入img对象,然后将img绘制到canvas上,再调用canvas.toDataURL对图片进行压缩   (3)获取到压缩后的base64格式图片数据,转成二进制塞入formdata

vue 上传图片 input=file

核能气质少年 提交于 2019-11-28 13:12:40
转自:https://www.cnblogs.com/dudu123/p/10215813.html <input type="file" accept="image/png,image/jpeg,image/gif,image/jpg" @change="uploadImg" ref="uploaderImg" > 一、逻辑 点击li触发事件chooseImage 即触发input标签事件photoChange input标签事件photoChange file返回的是如下变量 模拟上传表单方法 执行上传 二、代码 <li class="scroll-item first-item" @click="chooseImage"> <i class="iconPhoto"></i> <span class="title">拍照</span> <input @change="photoChange($event)" type="file" id="upload_file" multiple style="display: none"/> </li>       chooseImage(){ document.getElementById('upload_file').click(); //触发input-file文件上传控件 事件photoChange       },

django搭建BBS-表单创建&注册

感情迁移 提交于 2019-11-28 10:51:33
django搭建BBS-表单创建&注册 0824自我总结 文件结构 app 接口 migrations __inint__.py admin.py 管理员页面注册表单用 apps.py bbsform.py form组件相关设置 models.py 模型存放 tests.py views.py 业务逻辑 avatar 图片文件存储 BBS 项目名称以及路由存放 __inint__.py settings.py urls.py wsgi.py static bootstrap-3.3.7-dist bootstrap文件网上下载的 jquery-3.4.1.min.js jq文件 templates 页面文件存放 一.django相关设置 settings.py """ Django settings for BBS project. Generated by 'django-admin startproject' using Django 1.11.22. For more information on this file, see https://docs.djangoproject.com/en/1.11/topics/settings/ For the full list of settings and their values, see https://docs

【Python + Flask + Web录音 + baidu-aip + 图灵机器人 = 人机对话】

孤者浪人 提交于 2019-11-28 10:20:18
原文: http://blog.gqylpy.com/gqy/351 安装baidu-aip: pip install baidu-aip 百度云网址: https://login.bce.baidu.com 百度语音合成文档: https://ai.baidu.com/docs#/TTS-Online-Python-SDK/top 百度语音识别文档: https://ai.baidu.com/docs#/ASR-Online-Python-SDK/top 百度自然语言处理基础技术文档: https://ai.baidu.com/docs#/NLP-Python-SDK/6dfe1b04 Mac系统安装ffmpeg文档: https://blog.csdn.net/stonenotes/article/details/68958332 图灵机器人官网: http://www.tuling123.com/ 图灵机器人接口说明: https://www.kancloud.cn/turing/www-tuling123-com/718227 后端代码 # ⚠️这是在macOS系统上(版本10.14)写的 # pip install baidu-aip # 百度云:https://login.bce.baidu.com # 百度语音合成文档:https://ai.baidu.com

python 上传多文件

若如初见. 提交于 2019-11-28 09:57:39
后台 import json from django.shortcuts import render,HttpResponse,HttpResponseRedirect import os import json BASE_DIR = os.path.dirname(os.path.dirname(os.path.abspath(__file__))) def upload(request): if request.method == 'GET': return render(request, 'form.html') else: file_name = request.POST.get('user') pwd = request.POST.get('pwd') file_obj = request.FILES.get('file') f = open(os.path.join(BASE_DIR, 'static','images',file_name+'.png'), 'wb') # print(file_obj, type(file_obj)) for chunk in file_obj.chunks(): f.write(chunk) f.close() msg = { 'status':True, 'msg':'上传成功', 'fileName':file_name,

axios上传图片(及vue上传图片到七牛))

久未见 提交于 2019-11-28 08:59:34
浏览器上传图片到服务端,我用过两种方法: 1.本地图片转换成base64,然后通过普通的post请求发送到服务端。   操作简单,适合小图,以及如果想兼容低版本的ie没办法用此方法 2.通过form表单提交。   form表单提交图片会刷新页面,也可以时form绑定到一个隐藏的iframe上,可以实现无刷新提交数据。但是如果想传输多条form表单数据,需要写很多dom,同时还要写iframe,太麻烦。 目前感觉比较干净的办法就是 通过axios的post请求,发送form数据到后台。 html部分,至于界面优化,可以把input file的opacity设置为0,点击其父容器,即触发file <input class="file" name="file" type="file" accept="image/png,image/gif,image/jpeg" @change="update"/> axios的post请求,发送form数据部分,这样就可以无刷新的提交form数据到后台 update(e){ let file = e.target.files[0]; let param = new FormData(); //创建form对象 param.append('file',file,file.name);//通过append向form对象添加数据 param.append(