【转】JQuery插件ajaxFileUpload 异步上传文件(PHP版)

前几天想在手机端做个异步上传图片的功能,平时用的比较多的JQuery图片上传插件是Uploadify这个插件,效果很不错,但是由于手机不支持flash,所以不得不再找一个文件上传插件来用了。后来发现ajaxFileUpload这个插件挺不错,所以就用这个插件来做异步上传文件的效果。网上也有很多对ajaxFileUpload插件的使用的文章,不过我发现没有PHP版,所以这次服务器那边的处理就使用PHP语言来处理。  一、先对ajaxFileUpload插件的语法参数进行讲解  原理:ajaxfileupload是通过监听iframe的onload方法来实现,当从服务端处理完成后,就触发iframe的onload事件调用其绑定的方法,在绑定的方法中获取iframe中服务器返回的数据体(支持的普通文本,json,xml,script,html)  语法:$.ajaxFileUpload([options])  参数说明:  1,url           上传处理程序地址,也就是我发送给服务器端所要处理上传的地址。    2,fileElementId      需要上传...

****使用ftp软件上传下载php文件时换行符丢失bug

在使用ftp软件上传下载php源文件时,我们偶尔会发现在本地windows下notepad++编辑器写好的php文件,在使用ftp上传到linux服务器后,php文件的换行符全部丢失了,导致php文件无法正常运行。     这个时候,再次通过ftp软件把刚才上传的php文件下载到本地windows,用notepad++编辑器打开后,发现php源代码变成了一行,换行丢失。     发生这种情况的原因是什么呢?飘易就以一句话概括下:    由于linux下换行是,而windows下换行是,当ftp软件在上传时,默认是以ASCII方式上传的,而ASCII方式上传文件有个特点,会将文件里的换行符进行适当处理以符合上传服务器的运行环境。在这个过程中,部分文件就会处理不当,出现换行符丢失的bug。(注意,不是全部php文件,是小部分的php文件会出现这个问题)。     上诉问题尤其在php源码里有单行注释符&...

***使用PHP实现文件上传和多文件上传

http://www.365mini.com/page/php-upload-file.htm在PHP程序开发中,文件上传是一个使用非常普遍的功能,也是PHP程序员的必备技能之一。值得高兴的是,在PHP中实现文件上传功能要比在Java、C#等语言中简单得多。下面我们结合具体的代码实例来详细介绍如何通过PHP实现文件上传和多文件上传功能。要使用PHP实现文件上传功能,我们先来编写两个php文件:index.php和upload.php。其中,index.php页面用于提交文件上传的表单请求,upload.php页面用于接收上传的文件并进行相应处理。首先,我们来编写一个简单的index.php文件,由于其中涉及的主要是html代码,比较简单,因此不再赘述,index.php页面的详细代码如下:<?php//设置编码为UTF-8,以避免中文乱码header('Content-Type:text/html;charset=utf-8');?><!DOCTYPEhtml><html><head>  <title>文件...

jQuery插件之ajaxFileUpload(ajax文件上传

一、ajaxFileUpload是一个异步上传文件的jQuery插件。  传一个不知道什么版本的上来,以后不用到处找了。  语法:$.ajaxFileUpload([options])  options参数说明:1、url           上传处理程序地址。  2,fileElementId      需要上传文件域的ID,即<inputtype="file">的ID。3,secureuri       是否启用安全提交,默认为false。 4,dataType       服务器返回的数据类型。可以为xml,script,json,html。如果不填写,jQuery会自动判断。5,success        提交成功后自动执行的处理函数,参数data就是服务器返回的数据。6,error         提交失败自动执行的处理函数。7,data          自定义参数。这个东西比较有用,当有数据是与上传的图片相关的时候,这个东西就要用到了。8,type          当要提交自定义参数时,这个参数要设置成p...

AjaxFileUpload文件上传组件(php+jQuery+ajax)

jQuery插件AjaxFileUpload可以实现ajax文件上传,下载地址:http://www.phpletter.com/contents/ajaxfileupload/ajaxfileupload.js主要参数说明:1,url表示处理文件上传操作的文件路径,可以测试URL是否能在浏览器中直接访问,如上:upload.php2,fileElementId表示文件域ID,如上:fileToUpload3,secureuri是否启用安全提交,默认为false4,dataType数据数据,一般选json,javascript的原生态5,success提交成功后处理函数6,error提交失败处理函数需要了解相关的错误提示1,SyntaxError:missing;beforestatement错误如果出现这个错误就需要检查url路径是否可以访问2,SyntaxError:syntaxerror错误如果出现这个错误就需要检查处理提交操作的PHP文件是否存在语法错误3,SyntaxError:invalidpropertyid错误如果出现这个错误就需要检查属性ID是否存在4,SyntaxE...

html5+php实现文件的断点续传ajax异步上传

html5+php实现文件的断点续传ajax异步上传准备知识:断点续传,既然有断,那就应该有文件分割的过程,一段一段的传。以前文件无法分割,但随着HTML5新特性的引入,类似普通字符串、数组的分割,我们可以可以使用slice方法来分割文件。所以断点续传的最基本实现也就是:前端通过FileList对象获取到相应的文件,按照指定的分割方式将大文件分段,然后一段一段地传给后端,后端再按顺序一段段将文件进行拼接。而我们需要对FileList对象进行修改再提交,在之前的文章中知晓了这种提交的一些注意点,因为FileList对象不能直接更改,所以不能直接通过表单的.submit()方法上传提交,需要结合FormData对象生成一个新的数据,通过Ajax进行上传操作。二、实现过程这个例子实现了文件断点续传的基本功能,不过手动的“暂停上传”操作还未实现成功,可以在上传过程中刷新页面来模拟上传的中断,体验“断点续传”、有可能还有其他一些小bug,但基本逻辑大致如此。1.前端实现首先选择文件,列出选中的文件列表信息,然后可以自定义的做上传操作(1)所以先设置...

php用jquery-ajax上传多张图片限制图片大小

php用jquery-ajax上传多张图片限制图片大小/***上传图片,默认大小限制为3M*@paramString$fileInputName*@paramnumber$size*/publicfunctionprocessUpload($fileInputName,$size=3145728){$result=array('status'=>0,'errcode'=>null,'group'=>'','path'=>'','site'=>'','size'=>0);$file=$_FILES[$fileInputName];//用filesize函数获取文件大小,filesize这个内置函数不能直接放$fileInputName或者$file['name'],要用$file['tmp_name'],或者直接用$file['size']$bytes=$file['size'];if($bytes==0||$bytes>$size){$result['status']=-1;$result['size']=$bytes;return$resul...

jQuery上传插件,文件上传测试用例

jQuery上传插件,文件上传测试用例jQueryFileUpload-jQuery上传插件介绍http://www.jq22.com/jquery-info230jQueryFileUpload-jQuery上传插件demohttp://www.jq22.com/yanshi230=============================================1.功能测试(1)选择符合要求的文件,上传--------上传成功;(2)上传成功的文件名称显示----------显示正常(根据需求)(3)查看,下载上传成功的文件--------上传的文件可查看或下载(4)删除上传成功的文件-------------可删除(5)替换上传成功的文件-------------可替换(6)上传文件是否支持中文名称--------根据需求而定(7)文件路径是否可手动输入----------根据需求而定(8)手动输入正确的文件路径,上传-----上传成功(9)手动输入错误的文件路径,上传-----提示,不能上传2.文件大小测试(1)符合格式,总大小稍小于限制大小的文件------上传成功(2...

Jquery图片上传组件,支持多文件上传

Jquery图片上传组件,支持多文件上传http://www.jq22.com/jquery-info230jQueryFileUpload是一个Jquery图片上传组件,支持多文件上传、取消、删除,上传前缩略图预览、列表显示图片大小,支持上传进度条显示;支持各种动态语言开发的服务器端。jQueryFileUpload有多个文件选择,拖放上传控件拖放支持,进度条,验证和预览图像,音频和视频。支持跨域,分块和可恢复的文件上传和客户端图像大小调整。适用于任何服务器端平台(PHP,Python,RubyonRails,Java,Node.js,Goetc.),支持标准的HTML表单文件上传。http://www.jq22.com/yanshi230多文件上传也是一个个上传的,关键是在选择的时候让他一次性选择多个<inputtype="file"multiple=""name="files[]">======================================================插件描述:jQueryFileUpload是一个Jquery图片上传组件,支持多...

各种文件上传类型设置,实战示例

各种文件上传类型设置,实战示例网页上添加一个inputfileHTML控件:<inputid="File1"type="file"/>默认是这样的,所有文件类型都会显示出来,如果想限制它只显示我们设定的文件类型呢,比如“word“,”excel“,”pdf“文件 解决办法是可以给它添加一个accept属性,比如:<inputid="File1"type="file"accept=".xls,.doc,.txt,.pdf"/>这样选择的时候默认会显示为.xls,.doc,.txt,.pdf:文件选择框内只显示出你自定义文件类型的文件,也还比较方便。这只是最简单的掩人耳目的做法,还是能选择其它文件类型。所以,如果要做到真正意义上限制类型做法(其实这种算不上限制,只是把你要的文件类型默认显示出来而已,并不是说不能选择其它的),还是要通过js或者后台来控制。下面是oggzip的实战示例:--------------------------------------------------*.oggap...

java模拟表单上传文件,java通过模拟post方式提交表单实现图片上传功能实例

java模拟表单上传文件,java通过模拟post方式提交表单实现图片上传功能实例HttpClient测试类,提供getpost方法实例1packagecom.zdz.httpclient;23importjava.io.BufferedReader;4importjava.io.DataInputStream;5importjava.io.DataOutputStream;6importjava.io.File;7importjava.io.FileInputStream;8importjava.io.InputStreamReader;9importjava.io.OutputStream;10importjava.net.HttpURLConnection;11importjava.net.URL;12importjava.util.HashMap;13importjava.util.Iterator;14importjava.util.Map;15importjavax.activation.MimetypesFileTypeMap;1617/**18*java通过模拟post...

coding云(git)远程创建版本库和上传文件

1、创建项目不讲,注意勾选README选项 2、本地需要首先安装windows的git库,https://gitforwindows.org/3、进入www目录下,直接将coding云上的项目clone下来,cd到该项目目录下(与.get目录同级)4、如果需要上传文件到git关联库,使用【gitadd.】  和gitcommit-m"注释"5、阿里云服务器需要同步更新,登录终端进入相应根目录,使用命令gitpull即可6、【多人开发看这里,单人可省略】本地需要同步其他合作者代码,在本地客户端使用gitpull,即可下载其他人代码  7、gitdiff和gitstatus使用情况: 一般是在本地git库文件修改了,而云端git库没有相应gitcommit-m"注释"+gitpush,比较的是两个库的区别(gitdiff 不加参数即默认比较工作区与暂存区) 8、git简单应用示例 Administrator@Win7MINGW64/d/code$ gitclonehttps://githu...

【php+uploadify3.2】上传按钮点击一点反应都没有,原因

原因:代码没有问题,这个原因也困扰我一段时间,是由于浏览器禁用了flash,需要放开,操作方法如下:在谷歌浏览器输入:chrome://settings/content/flash然后添加需要该网站为允许使用,或者全部使用即可。希望对你有帮助!亲测可用!!!...

【PHP+JS】uploadify3.2 和 Ueditor 修改上传文件 大小!!

一、写在最开始:前提条件:服务器php.ini已经修改了变量【 upload_max_filesize】,可以设定为8M,一般8M足够用了。(重启) 1、uploadify3.2修改文件大小: 2、Ueditor修改上传文件大小:找到【ueditor>php>config.json】,修改【imageMaxSize】为目标值即可。 ...

python requests库上传附件名称为中文时遇到的错误

 浏览器上传附件名称为中文的能正常上传成功,python代码postmultipart/from-data类型不成功功的原因是requests库的原因浏览器上传中文附件时,上传成功的图片pythonrequests库上传中文附件失败时图片结论:从浏览器上传成功和pythonrequests库上传失败观察,主要的是filename不对,python代码上传附件filename*=增员模板多了*号解决方案:修改C:Python34Libsite-packagesurllib3fields.py文件value=email.utils.encode_rfc2231(value,'utf-8')Andchangethelinerightunderneathittothis:value='%s="%s"'%(name,value.decode('utf-8')) ...
首页上一页...113114115116117下一页尾页