话不多说 直接上代码前台js: 1var formData = new FormData();2 formData.append("file1",$("#file1")[0].files[0]);//第一个file1代表后台文件属性名,第二个file1表示html中input的id 3$.ajax({4 type:"post",5 url:"ajax/uploadFile",6 data:formData,7 processData : false, 8 contentType : false,9 success : function(res) {
10 console.log(res);
11if(res=="success"){
12 $...
新年礼,提供简单、易套用的 jQuery AJAX上传示例及代码下载。后台对文件的上传及检查,以 C#/.NET Handler 处理 (可视需要改写成 Java 或 PHP)。有时做一个网站项目 (不论是否 ASP.NET),内附的 FileUpload 控件,功能不足 (页面必须刷新、不支援 AJAX),或外观太丑被用户嫌弃 (却无法透过 CSS 自定义外观)。网路上虽已有许多可用的示例,如: jQuery File Upload,但功能太强大、外观复杂,欲仅取出部分功能来引用,反而不易。因...
先引用 ajaxfileupload.js 没有自己去csdn下 接下来是HTML <input type="file" id="file1" name="file" style="display: none" accept="image/x-png,image/gif,image/jpeg,image/bmp" multiple="multiple" /> <button type="button" class="btn btn-info" id="btnFile"><i class="fa fa-cloud-upload"> 上传</i></button>其中 accept 可以指定上传格式 multiple="multiple" 此属性可进行多文件选择 JS部分 $("#btnFile").c...
1.传统的web开发文件上传一般是基于form表单的文件上传,同步的方式,用户体验差,可控性也差2.异步上传的实现 有以下方式 2.1 借助浏览器插件 一般需要安装一些类似flash的插件 这种方式 缺点:需要安装插件 优点:可控性强,性能高 2.2 这种是伪异步上传,借助表单向隐藏的iframe提交,然后通过iframe通信操作当前页面 这种方式可控行查,体验一般,见下面代码 2.3 借助html5 里的 FormData 对象,可实现进度控制,异步的...
网上功能一大把。但是听说一个常用的(经常被搜到的)Jcorp+uploadify 用在laravel 里会报302错误。不知道哪个版本的jcorp 哪个版本的uploadify 哪个版本的laravel 仔细想想uploadify 与laravel 冲突可能性 又大又不大。算了时间有限+uploadify 太重(偷懒的借口)直接用另一个方案:http://www.cnblogs.com/abel/archive/2013/07/24/3213409.htmlhttp://blog.csdn.net/zhangfei8625/article/details/43057163原文:http://www.cnb...
<script type="text/javascript"> function register(){ var frm = document.getElementById(‘frm‘); var fd = new FormData(frm); var request = new XmlHttpRequest(); request.open(‘post‘, ‘./demo.php‘); request.onreadystatechange = function(){ if (request.readystate == 4 && requ...
1、使用ajaxfileupload.js的插件,但是对插件做了一处修改,才能够正常使用 修改的部分如下: 1 2 uploadHttpData: function (r, type) {3 var data = !type;4 data = type == "xml" || data ? r.responseXML : r.responseText; // If the type is "script", eval it in global context5 if (type == "script")6 jQuery.globalEval(data); // Get the JavaScript object, if ...
前端代码<form method="post" enctype="multipart/form-data" id="cooperatorIdentityBackPhotoForm"> <label class="Con_Label">法人身份证反面</label> <div class="Con_Input"> <input type="file" id="IdDn" class="file" size="1" onchange="FileValue(this.id)" name="cooperatorIdentityBackPhoto"> <input type="button" id="IdDn1" value="浏览" class="file_button" name="cooperatorIdentityBackPh...
分块传输的原理就是利用HTML5新增的文件slice截取函数。 代码如下:html:<input id="f" type="file" name="part" onchange="writeFile()">JS:核心部分已经加粗显示了,其他部分不用看,因为实现的方式有很多种,不一定要按照我的方式去写,但是核心是不会变的。var writeFile = function(){ var temp = null; var formData = null; var xhr = null; var file = document.getElementById(‘f...
使用Mvc里的插件jquery.unobtrusive-ajax.min.js之前一直困在这里,一开始以为添加属性enctype="multipart/form-data"就可以网上看到都是用另外一个插件jquery.form.js于是,从某篇文章的附件中下载了jquery.form.js,弄了许久,还不行,顿时泪崩了,最后在官网下载最新的jquery.form.js就解决了 ==||原文:http://www.cnblogs.com/Sunlimi/p/3886006.html
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>JS分片上传-极速上传</title>
</head>
<body><input type="file" name="slice" id="slice" ><div id="output"><!-- 信息存放地 --> </div>
<br/>
</body>
<script src="http://libs.baidu.com/jquery/1.8.3/jquery.min.js"></script><script type="text/javascript">$("#slice").change(function(event) {var file = $("#slice")[0].files[0];var name = f...
一、选择图片(input的file类型)<input type="file" id="inputImg">1. input的file类型会渲染为一个按钮和一段文字。点击按钮可打开文件选择窗口;file类型的input会有files属性,保存着文件的相关信息。2. input.files是一个数组,由传入的file对象组成。每个file对象包含以下属性:lastModified:数值,表示最近一次修改时间的毫秒数;lastModifiedDate:对象,表示最后一次修改时间的Date对象(高程中说是字符串,根据上图可看...
from 设定(input根据自己情况而定),enctype="multipart/form-data"一定要设定,否则默认只提交文本rm method="post" enctype="multipart/form-data">
-->"ajaxSubmit 需引入jquery.form.js$("#xx_User_content_qianming").ajaxSubmit({type: ‘POST‘, url: ‘后台方法路径‘, success: function (result) {console.log(result);if (result.s) {com.message(‘s‘, result.message);km.xx_User.reload();} else {com.message(‘...
Ajax文件上传插件很多,但兼容性各不一样,许多是对ie不兼容的,另外项目中是要求将网页内容嵌入到桌面端应用的,这样就不允许带flash的上传插件了,如:jquery uploadify。。。悲剧 对于Ajax文件上传,大体是有: 1、创建一个input type="file" 的文件上传按钮,根据其id监听绑定其change事件,在事件中用jquery创建一个iframe,嵌入添加隐藏form,同时创建input type="file",id相同的文件上传按钮,并传入其他需要提交的数据...
新年礼,提供简单、易套用的 jQuery AJAX 上传示例及代码下载。后台对文件的上传及检查,以 C#/.NET Handler 处理 (可视需要改写成 Java 或 PHP)。有时做一个网站项目 (不论是否 ASP.NET),内附的 FileUpload 控件,功能不足 (页面必须刷新、不支援 AJAX),或外观太丑被用户嫌弃 (却无法透过 CSS 自定义外观)。网路上虽已有许多可用的示例,如: jQuery File Upload,但功能太强大、外观复杂,欲仅取出部分功能来引用,反而不易。因...