Windows 环境下的修改方法 第一步：修改在php5下POST文件大小的限制 1.编修php.ini 找到：max_execution_time = 30 ，这个是每个脚本运行的最长时间，单位秒，改为：max_execution_time = 150 找到：max_input_time = 60，这是每个脚本可以消耗的时间，单位也是秒，修改为： max_input_time = 300 找到：memory_limit = 128M，这个是脚本运行最大消耗的内存，根据你的需求更改数值，这里修改为：memory_limit = 256M 找到：post_m...
前言 我们引入jQuery来进行异步上传可以获得更好的用户体验。 一方面，在JavaScript中进行异步操作比表单更加灵活； 另一方面，异步上传也避免了上传大文件时的页面长时间卡死。 HTML 一个type=file的<input>就可以让用户来浏览并选择文件， 一般会把输入控件放到一个<form>中，下面的一个简单的表单： <form><input type="file" id="avatar" name="avatar"><button type="button">保存</button> </form>但为什么我只能选择一个文件...
文件上传是网站和 Web 应用程序的常用功能，一直没有一款完美的文件上传组件，因此让很多开发人员碰到头疼的浏览器兼容问题。 WebUploader 是由 Baidu FEX 团队开发的一款以 HTML5 为主，FLASH 为辅的现代文件上传组件。在现代的浏览器里面能充分发挥 HTML5 的优势，同时又不摒弃主流IE浏览器，沿用原来的 FLASH 运行时，兼容 IE6+，iOS 6+, android 4+。采用大文件分片并发上传，极大的提高了文件上传效率。 参考百度官网进行学习...
一般在做文件上传的时候，都是通过客户端把要上传的文件上传到服务器，此时上传的文件都在服务器内存，如果上传的是视频等大文件，那么服务器内存就很紧张，而且一般我们都是用flash或者html5做异步上传，如果文件比较大的话，即便是客户端显示文件已经上传了100%，还是会有一个比较长时间的等待，而且当前页面对服务器的请求也会被阻塞。正常情况下，一般都是在长传完成后，在服务器直接保存。public void ProcessRequest(HttpCon...
最近在项目中用到了百度的文件图片上传插件WebUploader，分享给大家。WebUploader是由Baidu WebFE(FEX)团队开发的一个简单的以HTML5为主，FLASH为辅的现代文件上传组件。在现代的浏览器里面能充分发挥HTML5的优势，同时又不摒弃主流IE浏览器，沿用原来的FLASH运行时，兼容IE6+，iOS 6+, android 4+。两套运行时，同样的调用方式，可供用户任意选用。 采用大文件分片并发上传，极大的提高了文件上传效率。 需要在http://fex.baidu.c...
WebUploader是由Baidu WebFE(FEX)团队开发的一个简单的以HTML5为主,FLASH为辅的现代文件上传组件,下文来为各位演示一下关于jquery WebUploader文件上传组件的用法。使用WebUploader还可以批量上传文件、支持缩略图等等众多参数选项可设置，以及多个事件方法可调用，你可以随心所欲的定制你要的上传组件。接下来我以图片上传实例，给大家讲解如何使用WebUploader。 HTML 我们首先将css和相关js文件加载。<link rel="stylesheet" typ...
本文介绍了头像裁剪上传功能，用到的技术有 jQuery，springmvc，裁剪插件用的是jcrop（中间遇到很多坑，最终跨越）。图片上传步骤：1.用户选择图片2.将图片传入后台：用户选择图片的时候选择的是各种各样的，但是我们的网页显示图片大小是有限的，所以我们就要在用户选择图片之后将图片添加到后台进行压缩，压缩成我们想要的大小，之后再显示到页面才好3.利用jcrop裁剪工具对图片进行裁剪并且实时预览4.点击确定按钮将裁剪用到的参...
今天帮人看代码的时候，遇到一点小问题。使用 jQuery 上传带文件的表单时，会有些问题。 首先，因为使用的是 FormData，所以必须在传入 $.ajax 的参数中配置 processData: false。 否则将会抛出 Illegal invocation 的异常，因为 jQuery 默认是会对传入的 data 字段的数据进行处理的。 官方文档是这么解释的：其次，注意请求的 Content-Type 首部，默认是 application/x-www-form-urlencoded; charset=UTF-8，也就是我们通常见的 “...
ajaxFileUpload.js 很多同名的，因为做出来一个很容易。 我用的是这个：https://github.com/carlcarl/AjaxFileUpload 下载地址在这里：http://xiazai.jb51.net/201610/yuanma/ajaxfileupload(jb51.net).rar AjaxFileUpload.js并不是一个很出名的插件，只是别人写好的放出来供大家用，原理都是创建隐藏的表单和iframe然后用JS去提交，获得返回值。当初做了个异步上传的功能，选择它因为它的配置方式比较像jQuery的AJAX，我很喜欢。...
原理： 给XMLHttpRequest对象的upload属性绑定onprogress方法监听上传过程 var xhr=new XMLHttpRequest(); xhr.upload.onprogress=function(e){} 因为jQuery默认使用的XMLHttpRequest对象是内部生成的无法直接给jq的xhr绑定onprogress方法 所以只要给jQuery重新生成一个绑定了onprogress的XMLHttpRequest对象即可实现 首先封装一个方法 传入一个监听函数 返回一个绑定了监听函数的XMLHttpRequest对象var xhrOnProgress=function(fu...
1、jquery.uploadify简介在ASP.NET中上传的控件有很多，比如.NET自带的FileUpload，以及SWFUpload，Uploadify等等，尤其后面两个控件的用户体验比较好，无刷新，带上传进度等等。在最近的短信平台开发中，使用Uploadify进行文件上传。Uploadify官网地址是：http://www.uploadify.com/ 可满足项目开发需求。下载地址：http://www.uploadify.com/wp-content/uploads/files/uploadify.zip 版本信息如下：解压之后，目录结构如下（不在...
FormData对象，是可以使用一系列的键值对来模拟一个完整的表单，然后使用XMLHttpRequest发送这个"表单"。 在 Mozilla Developer 网站 使用FormData对象 有详尽的FormData对象使用说明。 但上传文件部分只有底层的XMLHttpRequest对象发送上传请求，那么怎么通过jQuery的Ajax上传呢？ 本文将介绍通过jQuery使用FormData对象上传文件。 使用<form>表单初始化FormData对象方式上传文件 HTML代码 <form id="uploadForm" enctype="multip...
先给大家展示下效果图：///作者：柯锦 ///完成时间：2016.08.16 ///多文件异步上传带进度条 (function ($) { function bytesToSize(bytes) { if (bytes === 0) return 0 B; var k = 1024, // or 1000 sizes = [B, KB, MB, GB, TB, PB, EB, ZB, YB], i = Math.floor(Math.log(bytes) / Math.log(k)); return (bytes / Math.pow(k, i)).toPrecision(3) + + sizes[i]; } function changeCursor(obj) { obj.style.cursor = pointer }...
本文实例为大家分享了uploadify多图上传具体实现代码，可动态添加上传框，供大家参考，具体内容如下<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>UploadiFive Test</title> <script src="jquery2.js" type="text/javascript"></script> <script src="jquery.uploadify.min.js" type="text/javascript"></script> <link rel="stylesheet" type="text/css" href="upl...
AJAX 是一种与服务器交换数据的技术，可以在补充在整个页面的情况下更新网页的一部分。下面的表格列出了所有的 jQuery AJAX 方法：jQuery Ajax在web应用开发中很常用，它主要包括有ajax,get,post,load,getscript等等这几种常用无刷新操作方法，接下来通过本文给大家介绍jquery ajax 上传文件处理方式。 FormData对象 XMLHttpRequest Level 2添加了一个新的接口FormData.利用FormData对象,我们可以通过JavaScript用一些键值对来模拟...