$.jUploader.setDefaults({ cancelable : true, allowedExtensions : [ 'jpg', 'png', 'gif' ], messages : { upload : '上传照片', cancel : '取消上传', emptyFile : "{file} 为空,请选择一个文件.", invalidExtension : "{file} 后缀名不合法. 只有 {extensions} 是允许的.", onLeave : "文件正在上传,如果你现在离开,上传将会被取消。" } }); $.jUploader({ button : 'uploadPhoto', // 这里设置按钮id action : 'uploadPhoto.action', // 这里设置上传处理接口 // 开始上传事件 onUpload : function(fileName) { JS.$('#photos').hide(); JS.$('#loading').show(); }, // 上传完成事件 onComplete : function(fileName, response) { // response是json对象,格式可以按自己的意愿来定义,例子为: { success: true, fileUrl:'' } if (response.success) { JS.$('#loading').hide(); JS.$('#photos').attr('src', 'showPhoto.action?img=' + response.fileUrl).show(); JS.$('#photo').attr('value', response.filePath); // 这里说明一下,一般还会在图片附近加添一个hidden的input来存放这个上传后的文件路径(response.fileUrl),方便提交到服务器保存 } else { $('#photo').show(); $('#loading').hide(); alert('上传失败'); } }, // 取消上传事件 onCancel : function(fileName) { $('#photos').show(); $('#loading').hide(); } }); /** * 空间配置 */ //获取地址栏参数 function getArgs(strParame) { var args = new Object(); var query = location.search.substring(1); var pairs = query.split("&"); // Break at ampersand for ( var i = 0; i < pairs.length; i++) { var pos = pairs[i].indexOf("="); if (pos == -1) continue; var argname = pairs[i].substring(0, pos); var value = pairs[i].substring(pos + 1); value = decodeURIComponent(value); args[argname] = value; } return args[strParame]; }
<td width="100" align="center" rowspan="5"> 照片:</td> <td rowspan="5" align="center"> <div class="item" align="center"> <div class="preview" align="center"> <img id="photos" width="118" height="156" src="images/empty.png" alt="photos" /> <img id="loading" style="margin: 55px 55px; display: none" width="15" height="15" src="images/loading.gif" alt="loading" /> </div> <br /> <div id="uploadPhoto" align="center"> <span style="color: white"></span> </div> <input type="hidden" name="photo" id="photo" /> </div> </td>