uploadify⽂件上传插件使⽤教程uploadify插件linux如何卸载mariadb
Uploadify是jQuery的⼀个⽂件上传插件,带有上传进度条。(easy to implement, highly customizable)使⽤步骤
html结构
<input type="file"id="file_upload_1">
引⼊⽂件
<!--如果想要样式,那就需要引⼊, ⾮必须-->
不小心把documents删了<link rel="stylesheet"href="uploadify/uploadify.css">
jquery下载文件进度条<!--必须引⼊以下两个⽂件-->
<script src="jquery-1.12.4.js"></script>
<script src="uploadify/jquery.uploadify.js"></script>
使⽤插件
$(function() {
$("#file_upload_1").uploadify({
height        : 30,//⾼度
swf          : 'uploadify/uploadify.swf',//通过swf上传,这个必须指定
css3功能uploader      : 'uploadify/uploadify.php',//图⽚上传的服务端地址。
width        : 120//宽度
});
});
常⽤参数解释
buttonClass;指定给上传按钮添加的类名
buttonCursor:默认'hand'  , 指定光标形状,'hand'或者'arrow'
buttonText:指定按钮的⽂本内容
fileObjName:指定上传的这个表单框的name属性,后端才能获取到。
fileSizeLimit:指定⽂件⼤⼩限制
fileTypeExts:指定上传⽂件的后缀名。
itemTemplate: 指定上传时的html结构
formData: 指定⽂件上传时的form表单参数
更多参数,参考
常⽤事件
onUploadSuccess: 上传成功时触发
onUploadError:上传失败时触发。
代码⽰例
$("#upfile").uploadify({
auto: true,
width: 70,
height: 30,
buttonClass:"btn btn-success btn-sm button_upfile",    buttonText: "选择图⽚",
python属于编译型程序语言
fileTypeExts: '*.gif; *.jpg; *.png',
swf: '/public/assets/uploadify/uploadify.swf',
uploader: '/api/uploader/cover',
fileObjName: "cs_cover_original",
jsp的图片怎么打开itemTemplate:"<span></span>",
formData:{
cs_id:cs_id
},
onUploadSuccess: function(file, data) {
data = JSON.parse(data);
//设置图⽚
$(".preview img").attr("src", sult.path);
}
});

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。