当前位置:首页 > 技术分享 > 正文内容

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

admin4年前 (2021-04-08)技术分享3025

七牛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>


扫描二维码推送至手机访问。

版权声明:本文由小刚刚技术博客发布,如需转载请注明出处。

本文链接:https://blog.bitefu.net/post/155.html

分享给朋友:

相关文章

WPS表格办公—取消科学计数法显示

WPS表格办公—取消科学计数法显示

我们在利用WPS表格与Excel表格进行日常办公时,经常需要制作各种各样的表格,当我们在表格当中输入长数据的时候,表格经常会自动显示为科学计数法,很多人都看不懂科学计数法的意思,那么,我们如何在输入长数字的时候避免显示为科学计数法呢,今天我...

解决 SVN Skipped 'xxx' -- Node remains in conflict

更新命令:svn up提示代码:意思就是说 ,这个文件冲突了,你要解决下Updating '.': Skipped 'data/config.php' -- ...

VirtualXposed 不支持32位应用 32位无法安装问题解决办法

VirtualXposed 不支持32位应用 32位无法安装问题解决办法

VirtualXposed 是基于VirtualApp 和 epic 在非ROOT环境下运行Xposed模块的实现(支持5.0~10.0)。与 Xposed 相比,目前 VirtualXposed 有...

php Aes 加密模式ECB填充pkcs5padding base64

最近做支付项目用到了aes加密不过试了好多办法总是和官方给出的结果不一样,找了很久终于找到了测试结果同 http://tool.chacuo.net/cryptaes/ <?php /**  * [Aes&nb...

微软Windows 10升级密钥(例如家庭版升级为企业版) 不能用于激活系统

微软Windows 10升级密钥(例如家庭版升级为企业版) 不能用于激活系统

下面的密钥,是微软官方提供的,仅能用于Windows10系统版本的升级,比如从家庭版升级为专业版、专业版升级为企业版等。升级密钥不能用于激活系统,激活需要KMS或者数字权利,由于涉及到版权问题,在此不宜分享,请大家自行查找激活相关的内容。准...

发表评论

访客

看不清,换一张

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