<html>
<head>
<!--引入七牛云js文件-->
<script src="https://unpkg.com/qiniu-js@2.5.4/dist/qiniu.min.js"></script>
<!--引入jquery-->
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>
</head>
<body>
<form id="upload">
<input type="file" name="file"><!--选择图片-->
<!--获取并填写token 可后台java或php生成即可-->
<input type="text" name="token" value=''>
<button type="submit">提交</button>
</form>
</body>
</html>
<script>
// 按钮点击事件
$('#upload').on('submit',function (e) {
// 关闭默认的提交改为ajax提交
e.preventDefault();
// 新建一个表单内容内容为原表单内容
var formData = new FormData(e.target);
$.ajax(
{
type: 'POST',//类型为post提交方式
url: 'http://upload-z1.qiniup.com',//地址根据存取区域进行填写
contentType: false,
data: formData,
processData: false,//不转化为信息
success: function (r) {
console.log(r); //上传成功则打印返回值 有key 和hash
},
error: function (r) {
console.log(r);
}
}
);
});
</script>