jq上传本地文件到服务器,jq实现前端文件上传

formdata

formdata是xmlhttprequest level 2 新增的一个接口。

使用formdata可以实现各种文件上传。

使用

// 创建formdata的实例

var formdata = new formdata();

// 用append()为实例添加键和值

formdata.append(键名, 键值);

注意

使用jq的$.ajax()方法来进行文件上传时，需要设置contenttype和processdata两个参数。

参数

类型

说明

contenttype

string

当发送信息至服务器时，内容编码类型默认为“application/x-www-form-urlencoded”。

该默认值适合大多数应用场合。

processdata

boolean

默认为true。

默认情况下，发送的数据将被转换为对象(从技术角度来讲并非字符串)以配合默认内容类型“application/x-www-form-urlencoded”。

如果要发送dom树信息或者其他不希望转换的信息，请设置为false。

从上面两个参数的说明可以看出，ajax发送数据的时候内容编码类型是“application/x-www-form-urlencoded”，

而我们上传的文件可能是其他类型，所以上传的时候不设置内容类型，故 contenttype: false，

不对数据做处理，故 processdata: false 。

实例

jq实现前端文件上传

上传

$('#btn').click(function() {

var formdata = new formdata();

formdata.append("file", $('#file')[0].files[0]);

$.ajax({

type: "post",

url: "你要将文件上传到的地址",

data: formdata,

contenttype: false, // 不设置内容类型

processdata: false, // 不处理数据

datatype: "json",

success: function(data) {

// 请求成功后要执行的代码

error: function(data) {

// 请求失败后要执行的代码

}

});

观察

console.log($('#file')[0]);

console.log($('#file')[0].files[0]);

从上面的打印结果可以看到我们传的文件类型是“application/octet-stream”。

请求时的参数：

请求后的结果：

jq上传本地文件到服务器,jq实现前端文件上传相关推荐

flask实现文件简易服务器，可根据链接上传下载
flask实现文件简易服务器,可根据链接上传下载 # -*- encoding: utf-8 -*- from flask import send_file, request from gevent ...
linux通过ftp自动上传文件到服务器,Linux系统通过FTP上传文件到云服务器
如何通过FTP将文件上传到腾讯云Linux云服务器?上一篇小编给大家介绍了通过Winscp将文件上传到云服务器的方法,今天小编为大家介绍过FTP将文件上传到腾讯云Linux云服务器的方法,用户需要使用 ...
实时传输文件到服务器,如何将数据实时上传到云服务器
如何将数据实时上传到云服务器内容精选换一换华为云帮助中心,为用户提供产品简介.价格说明.购买指南.用户指南.API参考.最佳实践.常见问题.视频帮助等技术文档,帮助您快速上手使用华为云服务. 华 ...
vue上传zip文件到服务器,vue.js zip文件上传
vue.js zip文件上传内容精选换一换开发过程中,您有任何问题可以在github上提交issue,或者在华为云对象存储服务论坛中发帖求助.接口参考文档详细介绍了每个接口的参数和使用方法.在O ...
android上传本地图片到服务器上,Android使用post方式上传图片到服务器的方法
本文实例讲述了Android使用post方式上传图片到服务器的方法.分享给大家供大家参考,具体如下: /** * 上传文件到服务器类 * * @author tom */ public class U ...
上传文件到服务器地址怎么配置,文件上传到服务器怎么配置
文件上传到服务器怎么配置内容精选换一换模型准备以昇腾模型压缩工具的安装用户将需要量化的TensorFlow模型上传到Linux服务器任意目录下.本章节以sample自带的yolov3/pre_m ...
node 自动上传文件到服务器,利用nodejs监控文件变化并使用sftp上传到服务器
最近在用react+express做一个自己的工具型网站(其实就是夺宝岛抢拍器) 然后因为经常要改动,而且又要放到服务器上进行测试.总是要webpack,然后手动把文件上传上去,不胜其烦,索性搜索了下 ...
局域网上传文件到服务器很慢,win10局域网内传文件很慢怎么办_win10局域网内文件传输很慢如何处理-win7之家...
在使用win10系统的过程中,相同的环境下我们可以将电脑设置成局域网模式,这样就能够进行文件的传输,非常方便,可是最近有用户发现自己的win10系统局域网内传送文件很慢,那么win10局域网内传文件很 ...
怎么把电脑文件传到弹性云服务器,怎么把电脑文件传到弹性云服务器
怎么把电脑文件传到弹性云服务器内容精选换一换当创建文件系统后,您需要使用云服务器来挂载该文件系统,以实现多个云服务器共享使用文件系统的目的.本章节以Windows 2012版本操作系统为例进行C ...

jq上传本地文件到服务器,jq实现前端文件上传

jq上传本地文件到服务器,jq实现前端文件上传相关推荐

最新文章

热门文章