七牛html js上传带进度条源码

admin3分钟前技术分享

七牛html js上传带进度条源码

注册链接https://s.qiniu.com/uM7RJv

完整代码下载:

https://n802.com/f/349707-489018989-c141f6(访问密码:5036)

http://www.yimuhe.com/file-4879048.html

https://www.90pan.com/b2462703 密码:5y07

<script type="text/javascript">
	var token = "";//上传token
	var fname = "";//生成后的文件路径及文件名
	var domain = "";//完整个域名用于生成完整图片路径
	var config = {
		useCdnDomain: true,
		disableStatisticsReport: false,
		retryCount: 6,
		region: qiniu.region.z1 //七牛服务器 华东z0 华北z1 华南z2 北美na0 新加坡as0
	};
</script>
<link rel="stylesheet" type="text/css" href="qiniu/circle.css" />
<script type="text/javascript" src="qiniu/qiniu.min.js"></script>
<div>
	<div class="upload_img_hanchao">
		<ul class="clearfix" style="margin:8px 0;">
			<li style="padding:0;">
				<input type="text" id="goods_video" name="goods_video" style="" class="upvideoinputa" value="" />
			</li>
			<div id="filed">
				<button class="btn btn-primary">上传视频</button>
				<input accept="audio/mp4,video/mp4" class="file-input" type="file" id="goods_video_filebutton" />
			</div>
		</ul>
		<div class="circle-bar hide" id="goods_video_totalBar">
			<div class="circle-bar-left"></div>
			<div class="circle-bar-right"></div>
			<div class="mask"><span class="percent speed">0%</span></div>
		</div>
	</div>
</div>
<script>
	var callback = function(res) {
		if (res.status) {
			$("#goods_video").val(domain + "/" + res.key);
		} else {
			alert("上传出错" + res.message);
		}
	};
	var putExtra = {
		obj: "#goods_video_filebutton",
		barobj: "#goods_video_totalBar",
		fname: "",
		params: {},
		mimeType: ["audio\/mp4", "video\/mp4"]
	};
	uploadWithSDK(token, putExtra, config, callback);
</script>


扫描二维码至手机访问

相关文章

js中对象属性值排序(字典倒排序)

js中对象属性值排序(字典倒排序)

sort函数实用于数组不适用于对象先说一下sort函数:var a=[3,2,5,7,3,6,8,9,1,2]; document.writeln(a.sort());12结果即是对a顺序...

遭遇国外ip抓取或攻击怎么办一招解决禁止海外IP访问

遭遇国外ip抓取或攻击怎么办一招解决禁止海外IP访问

究发现很多网站被攻击都是来自海外的肉鸡,所以禁掉海外IP访问网站也是不错的防护手段,而且国内网站几乎很少有国外用户访问,称之为大局域网也不为过。今天主机吧来教大家如何利用域名解析禁止掉海外IP访问网站...

系统小技巧:微软版“Ghost” Windows FFU 系统安装还原

系统小技巧:微软版“Ghost” Windows FFU 系统安装还原

在日常的维护中,系统的备份和还原是大家经常需要操作的事情。虽然Windows 10已经提供很多的工具,如系统还原、WIM备份/还原,VHD备份等。不过这些工具大多是基于文件的备份/还原。我们以前经常的...

linux centos svn搭建及网站同步更新

以前上线的项目都是用ftp来更新的.后来技术人员多了,ftp的弊端就出来了.所以在这里给大家介绍一下我们现在正在使用的svn同步修改更新的方案.原理很简单主要是用到了svn的hooks功能.即本地提交...

节假日api 开源版 解密

介绍免费节假日API 开源了,可以离线调用, 可以集成到自己系统中开源地址https://gitee.com/web/holidays_api开源说明注:原百度节假日API即为本人提供,后百度apis...

PHP和Redis实现在高并发下的抢购及秒杀功能

抢购、秒杀是平常很常见的场景,面试的时候面试官也经常会问到,比如问你淘宝中的抢购秒杀是怎么实现的等等。抢购、秒杀实现很简单,但是有些问题需要解决,主要针对两个问题:一、高并发对数据库产生的压力二、竞争...

发表评论

admin

admin

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。