博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
uploadify图片上传配置
阅读量:4969 次
发布时间:2019-06-12

本文共 2179 字,大约阅读时间需要 7 分钟。

参考:

官网地址:

附件下载地址:

引用js、css

html

js代码

$("#uploadify").uploadify($.extend(true,defaultOptions,{    uploader: 'http://172.16.81.52:7080/web/file/uploadImage',  // 服务器处理地址    swf: '/assets/uploadify/uploadify.swf',    buttonText: "选择文件",                  //按钮文字    height: 34,                             //按钮高度    width: 82,                              //按钮宽度    fileTypeExts: "*.jpg;*.png;",           //允许的文件类型    fileTypeDesc: "请选择图片文件",           //文件说明       formData: { "imageFile": "imageFile" }, //提交给服务器端的参数    fileObjName: 'imageFile',    fileSizeLimit: '2MB', //文件大小,它接受一个单位(B,KB,MB或GB)。默认单位为KB。你可以设置这个值为0表示不限制。    uploadLimit: 1,//图片张数限制    onUploadSuccess: function (file, data, response) {   //一个文件上传成功后的响应事件处理    var fileData = $.parseJSON(data);    //组装图片地址    var imgurl="http://172.16.81.52:81/"+ fileData.data.originalUrl;    AddImage(imgurl,"uploadify-img","js_showImgs",0);    }     }));/********************** 图片预览* imgUrl 图片路径* imgName 图片隐藏域id* renderTo 图片预览追加位置id* index 用于多图片时修改div的class**********************/ window.AddImage=function(imgUrl, imgName, renderTo, index){             index++;            var imgItem = '
' + '
' + '
' + '
' + '
' + '
' + '
' + ' ' + ' ' + '
'+ '
' + '
'; $("#"+renderTo).append(imgItem); //移除预览图片 $("#"+renderTo).find(".album-tools").click(function(){ //获取上传文件的属性 var data = $('#uploadify').data('uploadify'); var settings = data.settings; //获取当前设置的上传文件数限制 var uploadLimit=settings.uploadLimit; //重置上传限制 $('#uploadify').uploadify('settings','uploadLimit', ++uploadLimit); //移除图片元素 $("#"+renderTo).find(".album-image"+index+"").remove(); }) }

 

转载于:https://www.cnblogs.com/miskis/p/6474320.html

你可能感兴趣的文章
unity内存加载和释放
查看>>
静态代码块,代码块
查看>>
RHEL 6.5----Varnish缓存服务器
查看>>
SQL Server添加MDW性能监控报表(转载)
查看>>
c# 多线程委托传参方式
查看>>
bootstrap表单
查看>>
iOS应用内切换多国语言
查看>>
欧拉回路 uoj117
查看>>
Java_io_list()的应用以及内部类
查看>>
Java | 集合
查看>>
怎样快速免费获取Windows版本的ZBrush
查看>>
invalid stream header: 31323334
查看>>
DSAPI多功能组件编程应用-文件类
查看>>
vue本地项目设置通过手机访问
查看>>
NSUserDefaults 简介,使用 NSUserDefaults 存储自定义对象
查看>>
网络游戏的基本数据埋点和数据统计---2016/7/25
查看>>
Java从零开始学四十五(Socket编程基础)
查看>>
React中的setState到底发生了什么?
查看>>
java操作Excel文件
查看>>
Java科普之加密算法
查看>>