<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<title></title>
</head>
<body>
<script src="jquery.js"></script>
<script>
// 这个函数将来会被iframe用到
function getIframeVal(val) {
alert(val);
}
window.onload = function () {
$('form').submit(function () {
var token = 'eAhvwyFMvnjJ0FJZ_CLCntknxz3a-QF5tAQxNOCS:xQ4adcSMJ7dOtSfrnnneRaY7tPs=:eyJzY29wZSI6ImhkeS10ZXN0IiwiZGVhZGxpbmUiOjE0ODM5MTAwMzJ9';
formSubmit(this, token);
return false;
});
}
function formSubmit(form, token) {
var formData = new FormData(form),
fileInput = $('#J_File').get(0),
fileList = fileInput.files,
fileLength = fileList.length;
if(fileLength==0){
alert('请选择文件');
return;
}
var fileName = fileList[0].name,
index = fileName.lastIndexOf('.'),
suffix = fileName.substring(index, fileName.length);
$('#J_Key').val(new Date().getTime() + suffix);
$('#J_Token').val(token);
$.ajax({
url:form.action,
data: formData,
type:'post',
cache: false,
contentType: false,
processData: false
})
.done(function(response){
console.log('response:' + JSON.stringify(response));
});
}
</script>
<form method="post" action="http://up.qiniu.com/" enctype="multipart/form-data" target="testArea">
<input id="J_Key" name="key" type="hidden" value="300K2.jpg">
<input id="J_Token" name="token" type="hidden" value="http://localhost:8080/qiniu2/getToken">
<input id="J_File" name="file" type="file"/>
<input type="submit" value="提交"/>
</form>
<script>
</script>
</body>
</html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<title></title>
</head>
<body>
<script src="jquery.js"></script>
<script>
// 这个函数将来会被iframe用到
function getIframeVal(val) {
alert(val);
}
window.onload = function () {
$('form').submit(function () {
var token = 'eAhvwyFMvnjJ0FJZ_CLCntknxz3a-QF5tAQxNOCS:xQ4adcSMJ7dOtSfrnnneRaY7tPs=:eyJzY29wZSI6ImhkeS10ZXN0IiwiZGVhZGxpbmUiOjE0ODM5MTAwMzJ9';
formSubmit(this, token);
return false;
});
}
function formSubmit(form, token) {
var formData = new FormData(form),
fileInput = $('#J_File').get(0),
fileList = fileInput.files,
fileLength = fileList.length;
if(fileLength==0){
alert('请选择文件');
return;
}
var fileName = fileList[0].name,
index = fileName.lastIndexOf('.'),
suffix = fileName.substring(index, fileName.length);
$('#J_Key').val(new Date().getTime() + suffix);
$('#J_Token').val(token);
$.ajax({
url:form.action,
data: formData,
type:'post',
cache: false,
contentType: false,
processData: false
})
.done(function(response){
console.log('response:' + JSON.stringify(response));
});
}
</script>
<form method="post" action="http://up.qiniu.com/" enctype="multipart/form-data" target="testArea">
<input id="J_Key" name="key" type="hidden" value="300K2.jpg">
<input id="J_Token" name="token" type="hidden" value="http://localhost:8080/qiniu2/getToken">
<input id="J_File" name="file" type="file"/>
<input type="submit" value="提交"/>
</form>
<script>
</script>
</body>
</html>