前台上传七牛云

1. html片段 注意第一个input里的 token 字段的value值 是根据你的ak sk 和存储空间 获取的 token（外链） 生成f方法 路径： http://pchou.qiniudn.com/qiniutool/uptoken.html

   页面 第四个值是有效时间 输入一堆数字就行

<div>
<p>
			 <input id="token"  type="hidden" name="token" class="ipt" value="0K-2BygwZV2******************************E2NTE2MDAwfQ==">
			</p>
    <form id="kokokoko">
			<p>
				素材名:<input id="key" name="key"	class="easyui-textbox" value="">
			</p>
			<p>
				描述:<input id="describebe" name="describebe"	 class="easyui-textbox" value="">
			</p>
			<p>
				照片:<input id="file" name="file"	class="ipt" type="file">
			</p>
			<p>
				<input id="btn_upload" type="button" class="easyui-linkbutton" value="提交" onclick="jsJustUpload()">
			</p>
	</form>
</div>
           

2.提交上传

<script type="text/javascript">
//改函数要求浏览器必须要支持html5
function jsJustUpload() {
	var Qiniu_UploadUrl = "http://upload.qiniup.com";
	var xhr = new XMLHttpRequest();
	xhr.open('POST', Qiniu_UploadUrl, true);
	var formData= new FormData();
	if (key !== null && key !== undefined){
		formData.append('key', key);
	}
	formData.append('token', token);
	formData.append('file', f);
	xhr.onreadystatechange = function(response) {
		if (xhr.readyState == 4 && xhr.status == 200&& xhr.responseText != "") {
			var blkRet = JSON.parse(xhr.responseText);
			$("#dialog").html("复制连接直接访问_:http://pegjgrrl5.bkt.clouddn.com/" + blkRet.key).dialog();
		
		} else if (xhr.status != 200 && xhr.responseText) {
			concole.log("服务传输异常!!");
		}
	};
	xhr.send(formData);
}

</script>
           

如有缺少 请留言