如何从数据库提取图片路径转为JSON，并在Android Studio的ImageView显示

我来一步步帮你解决这个问题，核心是要把本地文件路径转换成Android能访问的网络URL，再通过JSON传递，最后加载到ImageView里。

第一步：将本地路径转为可访问的HTTP URL #

Android设备无法直接读取你电脑上的C:\xampp\htdocs\project\images\pic.jpg本地路径，得先通过XAMPP的Apache服务把图片变成网络可访问的资源：

• 找到你电脑在局域网内的IP地址（比如192.168.1.100）
• 拼接出图片的HTTP访问地址：http://你的电脑IP/project/images/pic.jpg
• 先在浏览器里测试这个地址，能正常打开图片就说明配置没问题

第二步：从数据库读取路径并生成JSON返回 #

你需要写一个后端脚本（用PHP最适配XAMPP），从数据库取出本地路径，转成上面的HTTP URL后输出为JSON格式。

举个PHP示例（存到htdocs/project/get_image_url.php）：

<?php
// 替换成你的数据库配置
$conn = new mysqli("localhost", "db_username", "db_password", "your_database_name");

if ($conn->connect_error) {
    die(json_encode(["error" => "数据库连接失败: " . $conn->connect_error]));
}

// 替换成你的查询逻辑，这里假设按id取数据
$sql = "SELECT image_path FROM your_table WHERE id = 1";
$result = $conn->query($sql);

if ($result->num_rows > 0) {
    $row = $result->fetch_assoc();
    $local_path = $row["image_path"];
    
    // 把Windows本地路径转成Web相对路径
    $relative_path = str_replace("C:\\xampp\\htdocs\\", "", $local_path);
    $relative_path = str_replace("\\", "/", $relative_path);
    
    // 替换成你的电脑局域网IP
    $image_url = "http://192.168.1.100/" . $relative_path;
    
    // 输出JSON
    header('Content-Type: application/json');
    echo json_encode(["image_url" => $image_url]);
} else {
    echo json_encode(["error" => "未找到对应图片路径"]);
}

$conn->close();
?>

访问http://你的电脑IP/project/get_image_url.php，就能看到类似这样的JSON返回：

{"image_url":"http://192.168.1.100/project/images/pic.jpg"}

第三步：Android端请求JSON并加载图片到ImageView #

Android这边需要完成网络请求拿URL，再把图片加载到ImageView，以下是具体实现：

前置配置 #

1. 添加网络权限到AndroidManifest.xml：

   <uses-permission android:name="android.permission.INTERNET" />
   

2. 解决Android 9+禁止明文HTTP的问题：
   • 在res/xml下创建network_security_config.xml：

     <?xml version="1.0" encoding="utf-8"?>
     <network-security-config>
         <base-config cleartextTrafficPermitted="true" />
     </network-security-config>
     

   • 在AndroidManifest.xml的application标签里引用：

     android:networkSecurityConfig="@xml/network_security_config"
     

代码实现（用OkHttp+Glide，Android常用库） #

1. 先在build.gradle(Module级)添加依赖：

   dependencies {
       // OkHttp用于网络请求
       implementation 'com.squareup.okhttp3:okhttp:4.12.0'
       // Glide用于图片加载
       implementation 'com.github.bumptech.glide:glide:4.16.0'
       annotationProcessor 'com.github.bumptech.glide:compiler:4.16.0'
   }
   

2. Activity中的核心逻辑（Kotlin示例）：

   import android.os.Bundle
   import android.widget.ImageView
   import androidx.appcompat.app.AppCompatActivity
   import com.bumptech.glide.Glide
   import okhttp3.*
   import org.json.JSONObject
   import java.io.IOException
   
   class ImageLoadActivity : AppCompatActivity() {
       private val imageView: ImageView by lazy { findViewById(R.id.your_image_view_id) }
       private val okHttpClient = OkHttpClient()
   
       override fun onCreate(savedInstanceState: Bundle?) {
           super.onCreate(savedInstanceState)
           setContentView(R.layout.activity_image_load)
           fetchAndLoadImage()
       }
   
       private fun fetchAndLoadImage() {
           val request = Request.Builder()
               .url("http://192.168.1.100/project/get_image_url.php") // 替换成你的后端脚本URL
               .build()
   
           okHttpClient.newCall(request).enqueue(object : Callback {
               override fun onFailure(call: Call, e: IOException) {
                   // 请求失败时的处理（比如提示用户）
                   runOnUiThread {
                       // 示例：Toast.makeText(this@ImageLoadActivity, "加载失败", Toast.LENGTH_SHORT).show()
                   }
               }
   
               override fun onResponse(call: Call, response: Response) {
                   response.body?.string()?.let { jsonStr ->
                       val imageUrl = JSONObject(jsonStr).getString("image_url")
                       // 回到主线程加载图片
                       runOnUiThread {
                           Glide.with(this@ImageLoadActivity)
                               .load(imageUrl)
                               .into(imageView)
                       }
                   }
               }
           })
       }
   }
   

关键注意事项 #

• 确保你的电脑和Android设备在同一个局域网（比如连同一个WiFi）
• 电脑防火墙要允许Apache的默认端口（80）通过，否则Android无法访问
• 如果修改过Apache端口，记得在URL里加上端口号，比如http://192.168.1.100:8080/project/images/pic.jpg

内容的提问来源于stack exchange，提问作者KROI