这些是我们项目中必不可少的东西，所以今天推荐两个一个叫做artdialog是个iframe的jquery插件，一个叫jquery file upload,我看网上很少有这个插件jquery file upload的插件使用教程，今天我就简单的介绍和写一点使用的方法！
简单用代码举例子
最小化的方法
稍微扩展一下
<script><br />
$(function(){<br />
//完整的API在这里<a href="https://github.com/blueimp/jQuery-File-Upload/wiki/API">https://github.com/blueimp/jQuery-File-Upload/wiki/API 我就是简单的介绍一些常用的说明<br />
$("#fileupload").fileupload('option',{ //设置上传事件<br />
url: 'http://localhost/php/index.php' //指定php上传方法<br />
disableImageResize: /Android(?!.*Chrome)|Opera/<br />
.test(window.navigator.userAgent), //禁止生成缩略图<br />
maxFileSize : 5000000 //设置支持的最大尺寸<br />
acceptFileTypes: /(\.|\/)(rar|zip|jp?g|png|bmp)$/i, //设置上传的类型<br />
});<br />
$.ajax({<br />
url: $('#fileupload').fileupload('option', 'url'), //根据设置选项ajax传输<br />
dataType: 'json',<br />
context: $('#fileupload')[0]<br />
}).done(function (result) {<br />
$(this).fileupload('option','done'<br />
).call(this, $.Event('done'), {result: result}); //上传完成后做的事情<br />
<br />
});<br />
$('#fileupload').bind('fileuploaddone',function(e,data){ //绑定上传完执行的事件<br />
$.each(data.result.files , function (index ,file){<br />
for(var i in file){<br />
alert(i+':'+file[i])<br />
}<br />
});<br />
//绑定的事件太多了 大家直接翻译过来就明白是什么意思<br />
$('#fileupload')<br />
.bind('fileuploadadd', function (e, data) {/* ... */})<br />
.bind('fileuploadsubmit', function (e, data) {/* ... */})<br />
.bind('fileuploadsend', function (e, data) {/* ... */})<br />
.bind('fileuploaddone', function (e, data) {/* ... */})<br />
.bind('fileuploadfail', function (e, data) {/* ... */})<br />
.bind('fileuploadalways', function (e, data) {/* ... */})<br />
.bind('fileuploadprogress', function (e, data) {/* ... */})<br />
.bind('fileuploadprogressall', function (e, data) {/* ... */})<br />
.bind('fileuploadstart', function (e) {/* ... */})<br />
.bind('fileuploadstop', function (e) {/* ... */})<br />
.bind('fileuploadchange', function (e, data) {/* ... */})<br />
.bind('fileuploadpaste', function (e, data) {/* ... */})<br />
.bind('fileuploaddrop', function (e, data) {/* ... */})<br />
.bind('fileuploaddragover', function (e) {/* ... */})<br />
.bind('fileuploadchunksend', function (e, data) {/* ... */})<br />
.bind('fileuploadchunkdone', function (e, data) {/* ... */})<br />
.bind('fileuploadchunkfail', function (e, data) {/* ... */})<br />
.bind('fileuploadchunkalways', function (e, data) {/* ... */});<br />
});<br />
});<br />
</script>
由于这个插件功能很强大，方法和API太多大家可以先看看官网的APi，当然有不懂的也可以问问我！
第二个这个其实很简单artdialog,国人开发的，所有的API都是汉语的，所以同学们一看就会了，这里我就说一个的了，就是iframe关闭如何传输数据呢？
我要把index2.html数据传输回去，当然我的index2打算点击X的时候就已经把数据传输回父iframe的框架怎么做，下边代码
jquery的处理
<script><br />
var origin = artDialog.open.origin;<br />
var v = origin.document.getElementById('nihao');<br />
v.value = document.getElementById('chushu').value;<br />
</script>
当然数据不是点击X按钮的传输可以用自带的art.dialog.data(‘test', val);这种方法来传输!!事件匆忙写的比较紧，大家有不懂的找我就可以了！
