大文件(分片)上传=>前端部分

原创 前端工程师_钱成 教程 其它 287阅读 2018-05-14 16:08:25 举报

一、百度文档

来源:http://fex.baidu.com/webuploader/getting-started.html

二、JQuery版实例

来源:https://blog.csdn.net/jinixin/article/details/77545140

三、angular版实例1(初始化阶段执行下面代码)

四、angular版实例2(初始化阶段执行下面代码)

五、在angular项目中,怎样将元素本身传入到元素的事件中

使用ng-change指令,导致输入一个文本就会查询一次,频繁的调接口,对服务器造成不必要的压力。
使用ng-change指令,但是添加延时,延时执行调接口,这里延时多少才合适是个问题。
换成原生change事件,用户输入结束后,input失焦,才调接口。
1、问题描述:
(1)在angular项目中,为什么不这样:<input type="file" name="segment" ng-change="angular.element(this).scope().fileChanged2(this)">
(2)在angular项目中,为什么不这样:<input type="file" name="segment" ng-change="fileChanged2(this)">
(3)在angular项目中,调用原生事件:<input type="file" name="segment" onchange="angular.element(this).scope().fileChanged2(this)">
2、问题释疑:
(1)既然用ng-change,应该直接调用"fileChanged2(this)"方法,不应该用"angular.element(this).scope()."来寻找方法。
(2)既然用ng-change,如果直接调用"fileChanged2(this)"方法,this会被认为是鼠标事件对象,而不是input元素。
(3)使用onchange原生事件,使用JS语句angular.element(this).scope().fileChanged2(this)将input元素即this传入。

六、bootstrap进度条动态使用方法(两层div标签)
1、外层 class="progress" style="width:300px" ng-show="true",规定展示区样式、宽度、是否显示。
1、内层 class="progress-bar" role="progressbar" aria-valuemin="0" aria-valuenow="60" aria-valuemax="100" ng-style="{width: XXX}",规定展示区样式、角色、最小展值、默认展示值、最大展示值、当前展示值,其中最大值和最小值供当前值计算占比。

七、HTML5 Blob 实现文件下载功能
1、创建a元素 var a = document.createElement('a');
2、创建当前文件的内存URL a.href = URL.createObjectURL(blob);/为下载文件创建本地url,后台返回result,应当下载的那部分即blob=result.data/
3、下载当前文件 a.download = un_code.utf8Decode(data.headers('filename'));/为下载文件创建本地文件名,data.headers('filename')获取服务器端文件名,un_code.utf8Decode是自定义方法,用于把其它编码的文件转换成utf-8编码,/
4、自动点击 a.click();
5、移除元素 $(a).remove();

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复