一个用于ajax图片上传jquery插件

fileUpload v0.0.1 一个用于ajax图片上传jquery插件 支持的浏览器版本:Firefox,UC,搜狗,360浏览器,Safari4+,Chrome,IOS版Safari和安卓版Webkit,IE9+ 插件用法: 1、下载本插件(git clone git@github.com:hugzh/fileUpload.git),解压到本地代码文件夹 2、使用插件之前必须先载入jquery库,然后在html页面载入本插件((fileupload/upload.js),载入插件的CSS文件(fileupload/style.css) 3、选择需要绘制插件的元素对象,调用fileUpload插件,比如:

$('#show').fileUpload('/upload',function(status,response){ //doSomething });

其中,插件第一个参数为后台处理函数的路径--"/upload",第二个参数为回调函数。回调函数的两个回调值分别是: 是否上传成功的标志信息status(true或者false),以及来自服务器的回调文本或对象response。 4、完整的使用demo.html如下:

<!DOCTYPE html> <html> <head> <meta charset='utf-8' /> <title>fileUpload 插件演示DEMO</title> <link rel="stylesheet" type="text/css" href="fileupload/style.css" /> <script src="resources/script/jquery-2.1.1.min.js"></script> <script type="text/javascript" src="/fileUpload/upload.js"></script> <script type="text/javascript"> $(document).ready(function (){ $('#show').fileUpload('/upload',function (status,responseText){ if (status) { console.log('success'); console.log(responseText); } else { console.log('failed') } }); }); </script> </head> <body> <div id="show"> </div> </body> </html>

版权声明:

1、该文章(资料)来源于互联网公开信息,我方只是对该内容做点评,所分享的下载地址为原作者公开地址。
2、网站不提供资料下载,如需下载请到原作者页面进行下载。