AngularJS浏览缩放图片

最新推荐文章于 2022-05-27 13:36:40 发布

0x12

最新推荐文章于 2022-05-27 13:36:40 发布

阅读量7.1k

点赞数

CC 4.0 BY-SA版权

分类专栏： app 文章标签： angularjs 图片浏览显示缩放

本文链接：https://blog.youkuaiyun.com/lygzscnt12/article/details/51815177

app 专栏收录该内容

1 篇文章

订阅专栏

本文介绍如何在AngularJS项目中使用ng-flow-master进行图片上传，并通过angular-image-resizer-service实现图片的自动缩放功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

近期开发APP采用AngularJS+ionic,要使用到浏览图片，在网上查阅文档比较推荐的一种方式是ng-flow-master，github地址为：https://github.com/jsypsy/ng-flow-master
有些不足之处是图片大小无法进行缩放，是原图大小进行显示，又在github找到一个采用ng-flow进行修改的库，采用jquery库https://github.com/sahan91/angular-image-resizer-service

采用第二个库进行编码，因为项目本身已有ng-app,本人非系统学习过angularjs，如何引用项目走过一些弯路，有需要的朋友可以参考一下，如果您有更好的方法，欢迎留言交流~~话不多说直接看实现。

angular.module('app', ['flow'])
.config(['flowFactoryProvider',
    function (flowFactoryProvider) {
        flowFactoryProvider.defaults = {
            permanentErrors: [404, 500, 501],
            maxChunkRetries: 1,
            chunkRetryInterval: 5000,
            simultaneousUploads: 4,
            singleFile: true
        };
        flowFactoryProvider.on('catchAll', function (event) {
            console.log('catchAll', arguments);
        });
        // Can be used with different implementations of Flow.js
        // flowFactoryProvider.factory = fustyFlowFactory;
    }])