XMLHttpRequest 是一个浏览器接口，通过它，我们可以使得 Javascript 进行 HTTP (S) 通信。XMLHttpRequest 在现在浏览器中是一种常用的前后台交互数据的方式。2008年 2 月，XMLHttpRequest Level 2 草案提出来了，相对于上一代，它有一 ...
分类：
Web程序 时间：
2017-12-01 00:45:52
阅读次数：
405
(function ($) { $.fn.extend({ initForm: function (options) { //默认参数 var defaults = { formdata: "", isDebug: true //是否需要调试，这个用于开发阶段，发布阶段请将设置为false，默认为f ...
分类：
其他好文 时间：
2017-11-28 18:46:51
阅读次数：
257
前言 在 上一篇 已经实现了图片预览，那么如何上传图片呢？有两种思路： 1、将图片转化为dataURL(base64)，这样就成为了一串字符串，再传到服务端。不过这样缺点很多，数据量比转换之前增加1/3，而且会增加了存储开销（如果存在数据库，就多了访问数据库；如果解析成图片再存储，就多了解析的开销） ...
分类：
Web程序 时间：
2017-11-27 12:41:49
阅读次数：
222
之前在博文：原生ajax写法就提及过ajax2.0与1.0的差别是多了FormData和利用FormData文件上传（当然还有跨域，但不是本文的重点）。 那么具体怎么样实现ajax上传文件呢？ 一般来说，浏览器获取文件的方法有拖拽和input_file两种： ps：进度的显示那里，博主之前一直写错为 ...
分类：
Web程序 时间：
2017-11-27 11:00:05
阅读次数：
230
本次注册时的需求： 1.用ajax提交数据 2.用form表单渲染数据 3.上传头像是二进制数据用formData 4.上传头像需要专门地方存放：需要配置Media。 5.上传头像需要预览. 首先配置media： a.setting里面的配置 b.全局的urls里面的配置(因为系统没有配置的serv ...
分类：
Web程序 时间：
2017-11-25 13:09:22
阅读次数：
263
1.自定义组件 UpLoader.vue 2.页面调用 UpLoadImg.vue 3.效果图 . ...
分类：
Web程序 时间：
2017-11-23 08:17:08
阅读次数：
1576
html: <div id="test"> <form id="uploadForm"><!--这里我没有添加enctype="multipart/form-data"，也可以使用，没有出问题--> <input type="file" name="testFile" value="选择文件"> < ...
分类：
Web程序 时间：
2017-11-20 19:09:23
阅读次数：
236
一、formData向后台传数据<br> 1.formData有set、get、append等方法<br> 1)set():设置数据<br> var formData=new FormData();<br> formData.set('a',2);<br> 如果有两个set()方法，且key相同，比 ...
分类：
Web程序 时间：
2017-11-18 22:04:23
阅读次数：
306
//js将表单序列化成对象 $.fn.serializeObject = function () { var $els = $(this).find("[name]"); var formData = {}; var len = $els.length; for (var i = 0; i 0) {... ...
分类：
Web程序 时间：
2017-11-14 11:30:34
阅读次数：
224
简述 本文的目的主要是用户上传文件至服务器时，异步上传，不用刷新页面。 解释： 1.用户点击保存按钮，根据页面form的id获得表单，再根据表单创建formdata。 2.将formdata传至后台即可。 后台代码 解释： 和普通的文件上传一样的。注意参数名称要和页面上面input的name一样。 ...
分类：
Web程序 时间：
2017-11-13 00:10:19
阅读次数：
245
