`
c_bai
  • 浏览: 36530 次
  • 性别: Icon_minigender_1
  • 来自: 福建
社区版块
存档分类
最新评论

jUploader详解

    博客分类:
  • java
阅读更多
	$.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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;照片:</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>

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics