android获取视频、图片时添加防盗链

2019-02-28 16:46:26

使用HTTP协议时,可以利用头信息中的Referer做防盗链。

我们在一些网站的网页里访问图片的时候,在图片本站是可以正常看到的,但在外头就不能看到了,这是因为在http的header信息中的referer元素。

还有是做统计的时候,我们需要统计出来用户是从哪个地方,什么时间访问网站的。

在HTTP协议中,头信息中有一个很重要的选项 referer,referer 表示的是网页的来源以及上一页的地址。如果直接在浏览器输入地址,进入网站,则没有referer头信息。

所以,服务器可以根据referer来知道用户从哪个网站进来的和图片是从哪个网站进来的。


下面以两个常用的库来添加防盗链,其他基本类似。


1. 使用okHttp网络框架进行下载

防盗链的添加

Request request = new Request.Builder().tag(url).url(url)

        .addHeader("Referer", "http://xxx.com") //添加防盗链

        .build();


OkHttpClient httpClient = new OkHttpClient.Builder()

        .connectTimeout(60, TimeUnit.SECONDS)

        .writeTimeout(60, TimeUnit.SECONDS)

        .readTimeout(60, TimeUnit.SECONDS)

        .build();


Call myCall = httpClient.newCall(request);


myCall.enqueue(new Callback() {

    @Override

    public void onFailure(Call call, IOException e) {

        ...

    }


    @Override

    public void onResponse(Call call, Response response) throws IOException {

        ...

    }

});




2. 使用Glide框架加载图片

添加防盗链:

public void displayImageView(Context context, ImageView imageView, String url, int defaultResourceId) {

    if (context instanceof Activity && !((Activity) context).isFinishing()) { //判断条件,防止Activity已经finish了,ImageView仍然还在加载图片

        Glide.with(context).load(buildGlideUrl(url)).diskCacheStrategy(DiskCacheStrategy.ALL).centerCrop()

                .placeholder(defaultResourceId).error(defaultResourceId).into(imageView);

    }

}


private GlideUrl buildGlideUrl(String url) {

    if (TextUtils.isEmpty(url)) {

        return null;

    } else {

        return new GlideUrl(url, new LazyHeaders.Builder().addHeader("Referer", "http://xxx.com").build());

    }

}


  • 2020-03-30 15:37:12

    PM2下使用 npm run 命令

    npm run xxxx 是 node常用的启动方式之一,本文介绍下如何用PM2来实现该方式的启动。 下面是项目的package.json文件部分代码:

  • 2020-04-01 10:15:11

    vue-cli3.0中vue.config.js的基本配置(去除esLint提示和解决build后静态文件路径报错)

    vue-cli是开发vue项目必不可少的脚手架工具,3.0版本之前的目录结构是由config目录的,关于webpack配置的文件都放在该目录里面,而3.0版本之后做了一个大更新,webpack相关的默认配置都帮你集成到webpack的npm 包里面去了,官方提供的一种修改配置的方式就是开发者自己在项目的根目录(与src同层级的目录)下建立一个vue.config.js的文件,然后去覆盖自定义的配置,达到你想要的效果,下面写一个基本的默认配置

  • 2020-04-01 10:21:20

    Vue extend $mount 构造器详解

    本节介绍两个 Vue.js 内置但却不常用的 API——extend 和 $mount,它们经常一起使用。不常用,是因为在业务开发中,基本没有它们的用武之地,但在独立组件开发时,在一些特定的场景它们是至关重要的。

  • 2020-04-01 15:36:52

    CSS3中的transition属性详解

    transition: property duration timing-function delay transition属性是个复合属性,她包括以下几个子属性: transition-property :规定设置过渡效果的css属性名称 transition-duration :规定完成过渡效果需要多少秒或毫秒 transition-timing-function :指定过渡函数,规定速度效果的速度曲线 transition-delay :指定开始出现的延迟时间