html 上传图片显示插件,html上传文件,图片的插件

此篇博客介绍了如何使用Uploadify插件实现图片上传,支持多种格式且限制文件大小。遇到错误时,提供了相应的处理机制,便于用户操作并确保资源唯一性。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

/* 上传封面图片控件 */

function UploadCoverPic() {

$("#upload").uploadify({

'auto': true,

'successTimeout': 99999,

'cancelImg': '/JS/Uploadify/uploadify-cancel.png',

'swf': '/Js/Uploadify/uploadify.swf',

'uploader': '/PrintDev/UploadThemePictures',

'buttonImage': '',

'buttonText': '上传封面',

'width': '110',

'height': '30',

'fileTypeDesc': '支持的格式:',

'fileTypeExts': '*.jpg;*.jpge;*.gif;*.png',

'fileSizeLimit': '3MB',

'overrideEvents': ['onDialogClose', 'onUploadSuccess', 'onSelectError'],

'onUploadProgress': function (file, bytesUploaded, bytesTotal, totalBytesUploaded, totalBytesTotal) {

},

'onSelect': function (file) {

},

'onSelectError': onSelectError,

'onFallback': onFallback,

'onUploadSuccess': function (file, data, response) {

if (data == "1") {

AlertDialog("请勿上传重复资源!", true, "确定");

}

else if (data == "0") {

AlertDialog("图片上传失败!", true, "确定");

}

else {

$('#imglist .img_item img').attr("src", data);

$("#Path").val(data);

}

},

//所有文件都上传完成触发的事件

'onQueueComplete': function (queueData) {

updatebl = false;

},

//开始上传时触发的事件

'onEnable': function () {//开始上传

updateb = true;

},

'onSelectOne': function () {//开始上传

updatebl = true;

},

'onAllComplete': function () {//完成上传

updatebl = false;

}

});

}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值