七牛云存储____七牛js直接上传图片

2019-11-08 20:26:42

字体：大中小

来源：转载

供稿：网友

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><%String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><base href="<%=basePath%>"><title>My jsp 'index.jsp' starting page</title><meta http-equiv="PRagma" content="no-cache"><meta http-equiv="cache-control" content="no-cache"><meta http-equiv="expires" content="0"><meta http-equiv="keyWords" content="keyword1,keyword2,keyword3"><meta http-equiv="description" content="This is my page"></head><meta http-equiv="content-type" content="text/html; charset=UTF-8"><meta name="robots" content="noindex, nofollow"><meta name="googlebot" content="noindex, nofollow"><script type="text/Javascript" src="jsJustUpload/jquery-1.9.1.js"></script><script type="text/javascript" src="jsJustUpload/jquery-ui.js"></script><link rel="stylesheet" type="text/CSS"	href="jsJustUpload/jquery-ui.css"><title>七牛云存储 | 上传凭证</title><script type="text/javascript">	//改函数要求浏览器必须要支持html5	function jsJustUpload(f, token, key) {		var Qiniu_UploadUrl = "http://up.qiniu.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://oleco2u3s.bkt.clouddn.com/" + blkRet.key).dialog();			} else if (xhr.status != 200 && xhr.responseText) {				concole.log("服务传输异常!!");			}		};		xhr.send(formData);	}	function test() {		var f = $("#file")[0].files[0];		var token =$("#token").val();		var key = $("#key").val();		jsJustUpload(f, token, key);	}</script></head><body>	<form action="">		<ul>			<li>			token:<input id="token" name="token" class="ipt" value="1o90vmY9OmRcueIeIeFBID6q2uy8peFiFBxpnM78:rdalpapK8yThJayH3FakQwQQbp8=:eyJzY29wZSI6InRlc3QiLCJkZWFkbGluZSI6MTYwNTA2NDI3MX0=">			</li>			<li>				key:<input id="key" name="key"	class="ipt" value="<%=new Date().getTime()+".jpg"%>">			</li>			<li>				照片:<input id="file" name="file"	class="ipt" type="file">			</li>			<li>				<input id="btn_upload" type="button" value="提交" onclick="test();">			</li>		</ul>	</form>	<div id="dialog" title="上传成功"></div></body></html>//源码包地址
http://oleco2u3s.bkt.clouddn.com/jsupload.rar 
//运行结果