浏览器加载网络图片

一.activity_main.xml布局文件
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/activity_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    android:orientation="vertical"
    tools:context="cn.bzu.edu.imageviewdemo1.MainActivity">


    <ImageView
        android:id="@+id/iv"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:layout_weight="1"
        />
    <EditText
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:text=""(加入网址)
        android:hint="请输入图片路径"
        android:id="@+id/et_path"
        android:maxLines="1"
        />
    <Button
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:onClick="click"
        android:text="浏览"/>



</LinearLayout>



二.MainActivity界面交互代码

package cn.bzu.edu.imageviewdemo1;

import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.media.Image;
import android.os.Handler;
import android.os.Message;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.text.TextUtils;
import android.util.Log;
import android.view.View;
import android.widget.EditText;
import android.widget.ImageView;
import android.widget.Toast;

import java.io.InputStream;
import java.net.HttpURLConnection;
import java.net.MalformedURLException;
import java.net.URL;

public class MainActivity extends AppCompatActivity {
    protected static final int CHANGE_UI = 1;
    protected static final int ERROR = 2;
    private EditText et_path;
    private ImageView iv;

    private Handler handler = new Handler() {
        public void handleMessage(android.os.Message msg) {
            if (msg.what == CHANGE_UI) {
                Bitmap bitmap = (Bitmap) msg.obj;
                iv.setImageBitmap(bitmap);
            } else if (msg.what == ERROR) {
                Toast.makeText(MainActivity.this, "显示图片错误", 0).show();
            }
        };


    };


    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        et_path = (EditText) findViewById(R.id.et_path);
        iv = (ImageView) findViewById(R.id.iv);
    }

    public void click(View view) {
        final String path = et_path.getText().toString().trim();
        if (TextUtils.isEmpty(path)) {
            Toast.makeText(this, "图片路径不能为空", Toast.LENGTH_SHORT).show();
        } else {
            new Thread() {
                public void run() {
                    try {
                        URL url = new URL(path);
                        HttpURLConnection conn = (HttpURLConnection) url.openConnection();
                        conn.setRequestMethod("GET");
                        conn.setConnectTimeout(5000);
                        int code = conn.getResponseCode();
                        Log.d("MainActivity",code+"");
                        if (code == 200) {
                            InputStream is = conn.getInputStream();
                            Bitmap bitmap = BitmapFactory.decodeStream(is);
                            Message msg = new Message();
                            msg.what = CHANGE_UI;
                            msg.obj=bitmap;
                            handler.sendMessage(msg);
                        }else{
                            Message msg=new Message();
                            msg.what=ERROR;
                            handler.sendMessage(msg);
                        }


                    } catch (Exception e) {
                        e.printStackTrace();
                        Message msg = new Message();
                        msg.what = ERROR;
                        handler.sendMessage(msg);
                    }

                };

            }.start();


        }
    }
}

 

三、AndriodManifest

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="cn.bzu.edu.imageviewdemo1">

    <application
        android:allowBackup="true"
        android:icon="@mipmap/ic_launcher"
        android:label="@string/app_name"
        android:supportsRtl="true"
        android:theme="@style/AppTheme">
        <activity android:name=".MainActivity">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
    </application>
    <uses-permission android:name="android.permission.INTERNET"></uses-permission>

</manifest>


### 浏览器加载图片花屏的可能原因及解决方案 #### 可能原因分析 浏览器加载图片时出现花屏的现象,通常由以下几个方面引起: 1. **硬件加速问题**:某些情况下,启用硬件加速可能导致渲染异常,尤其是在特定版本的浏览器或操作系统中[^3]。 2. **插件冲突**:第三方插件或扩展程序可能会干扰图片正常加载,从而引发花屏现象[^5]。 3. **缓存文件损坏**:浏览器缓存中的数据可能存在错误,导致图片无法正确解析并显示。 4. **网络传输问题**:在网络不稳定的情况下,部分图片数据未能完全下载,也可能表现为花屏。 --- #### 解决方案 ##### 方法一:禁用/重新配置硬件加速 对于因硬件加速引起的花屏问题,可以尝试以下方法: - 打开浏览器设置菜单,找到“硬件加速”选项。 - 尝试将其关闭后重启浏览器观察效果。如果关闭后仍然存在花屏情况,可以在必要场景下动态控制硬件加速状态,例如针对 Android WebView 的处理方式: ```javascript // 动态开关硬件加速示例 function toggleHardwareAcceleration(enable) { const webView = document.querySelector('webview'); if (enable) { webView.style.transform = 'translateZ(0)'; } else { webView.style.transform = ''; } } ``` ##### 方法二:清理浏览器缓存 清除浏览器缓存有助于解决由于缓存文件损坏而导致的花屏问题。具体操作步骤如下: - 访问 `chrome://settings/clearBrowserData` 或类似路径(取决于所使用的浏览器)。 - 选择删除浏览历史记录、Cookies 和其他站点数据以及缓存文件。 ##### 方法三:排查插件冲突 禁用所有不必要的插件和扩展程序,逐一测试是否存在某个插件影响图片加载行为。例如,在 Google Chrome 中发现 DLL 文件版本冲突的情况时,应优先保留最新版本的组件。 ##### 方法四:优化网络环境 确保稳定的网络连接能够有效降低图片加载失败的概率。如果是通过 WebSocket 实现流媒体传输的应用场景,则需进一步调整相关参数来提升稳定性[^4]。以下是基于 JSMpeg 的优化建议代码片段: ```javascript var player = new JSMpeg.Player('ws://your-server-address', { videoBufferSize: 2048, audioBufferSize: 512 }); ``` --- ### 注意事项 尽管上述措施适用于大多数常见情形下的图片花屏修复需求,但在实际应用过程中还需结合具体情况灵活应对。例如,若目标平台涉及老旧 IE 版本的支持,则需要注意其本身存在的诸多局限性[^2]。 ---
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值