应为考虑到flash将逐渐被淘汰,所以选择了uploadfive完成上传
js文件和css文件自行下载,我上传了免费版(啃爹的官网竟然收费)
文件引入之后:
<input type="file" id="sureLogo" value=""/> <a href="javascript:$(‘#sureLogo‘).uploadifive(‘upload‘)">上传</a> <a href="javascript:$(‘#sureLogo‘).uploadifive(‘cancel‘)">取消上传</a>
$("#sureLogo").uploadifive({ ‘height‘:30, ‘width‘: 80, ‘fileObjName‘:‘uploadfile‘,//后台获取使用的名字 ‘method‘:‘post‘, ‘auto‘:false, ‘buttonText‘: ‘选择图片‘, ‘fileType‘ : ‘image/*‘,//只允许图片格式的文件 ‘queueSizeLimit‘ : 1,//这里我只允许单个图片上传 ‘removeCompleted‘ : true,//文件上传完成之后去除进度条 ‘uploadScript‘:‘${pageContext.request.contextPath}/upload/picUpload‘,//处理上传文件的后台url ‘onFallback‘: function () { alert("请使用支持HTML5的浏览器"); }, //上传到服务器,服务器返回相应信息到data里 ‘onUploadComplete‘: function (file, data) {//上传文件完成file即文件名,data为后台返回的数据 } });
想知道更多的参数及其用法,请自行上jquery官网查阅文档
时间: 2024-10-20 10:59:00