如何通过Quasar q-file组件获取APK文件的绝对路径？

核心限制说明 #

浏览器出于安全规范，不允许JavaScript直接获取本地文件的绝对路径，q-file的v-model返回的是File对象数组，仅包含文件名、文件大小、类型等信息，无法拿到真实的本地路径（比如C:\Users\Cenk\Downloads\Whatsapp.apk）。

解决方案分两种场景 #

场景1：浏览器环境（推荐，跨平台通用）

不要传路径，直接把文件内容通过FormData上传给Go后端，后端保存为临时文件后执行ADB安装命令。

前端代码修改

<q-file 
  filled 
  bottom-slots 
  v-model="file" 
  label="选择APK文件" 
  counter 
  max-files="1"  <!-- 单APK安装，限制为1更合理 -->
  accept=".apk"
  @change="handleFileUpload"
>
  <template v-slot:append>
    <q-icon v-if="file !== null" 
      name="close" 
      @click.stop.prevent="file = null" 
      class="cursor-pointer"
    />
    <q-icon name="create_new_folder" 
      @click.stop.prevent
    />
  </template>
</q-file>

export default {
  data() {
    return {
      file: null
    }
  },
  methods: {
    async handleFileUpload() {
      if (!this.file || this.file.length === 0) return

      // 用FormData打包文件
      const formData = new FormData()
      formData.append('apk', this.file[0])

      // 发送POST请求给后端
      try {
        const res = await fetch('/api/install-apk', {
          method: 'POST',
          body: formData
        })
        const result = await res.text()
        console.log('安装状态:', result)
      } catch (err) {
        console.error('请求失败:', err)
      }
    }
  }
}

Go后端处理代码

package main

import (
	"io"
	"net/http"
	"os"
	"os/exec"
)

func installAPKHandler(w http.ResponseWriter, r *http.Request) {
	if r.Method != http.MethodPost {
		http.Error(w, "仅支持POST请求", http.StatusMethodNotAllowed)
		return
	}

	// 解析表单，最大支持100MB（可根据APK大小调整）
	err := r.ParseMultipartForm(100 << 20)
	if err != nil {
		http.Error(w, "表单解析失败", http.StatusBadRequest)
		return
	}

	// 获取上传的文件
	file, _, err := r.FormFile("apk")
	if err != nil {
		http.Error(w, "文件获取失败", http.StatusBadRequest)
		return
	}
	defer file.Close()

	// 创建临时文件
	tempFile, err := os.CreateTemp("", "*.apk")
	if err != nil {
		http.Error(w, "临时文件创建失败", http.StatusInternalServerError)
		return
	}
	defer tempFile.Close()
	defer os.Remove(tempFile.Name()) // 安装完成后自动删除临时文件

	// 将上传内容写入临时文件
	_, err = io.Copy(tempFile, file)
	if err != nil {
		http.Error(w, "文件保存失败", http.StatusInternalServerError)
		return
	}

	// 执行ADB安装命令
	cmd := exec.Command("adb", "install", "-r", tempFile.Name())
	output, err := cmd.CombinedOutput()
	if err != nil {
		http.Error(w, "安装失败: "+string(output), http.StatusInternalServerError)
		return
	}

	w.WriteHeader(http.StatusOK)
	w.Write([]byte("安装成功: " + string(output)))
}

func main() {
	http.HandleFunc("/api/install-apk", installAPKHandler)
	http.ListenAndServe(":8080", nil)
}

场景2：Electron桌面应用（仅适用于Quasar打包为桌面端）

如果你的项目是用Quasar的Electron模式打包（quasar dev -m electron），可以通过Node.js API直接获取文件绝对路径，因为桌面应用拥有本地文件访问权限。

前端代码修改

async handleFileUpload() {
  if (!this.file || this.file.length === 0) return

  // Electron环境下，File对象自带path属性
  const absolutePath = this.file[0].path
  console.log("APK绝对路径:", absolutePath)

  // 发送路径给后端
  try {
    const res = await fetch('/api/install-apk-by-path', {
      method: 'POST',
      headers: {
        'Content-Type': 'application/json'
      },
      body: JSON.stringify({ path: absolutePath })
    })
    const result = await res.text()
    console.log('安装状态:', result)
  } catch (err) {
    console.error('请求失败:', err)
  }
}

Go后端对应处理代码

package main

import (
	"encoding/json"
	"net/http"
	"os/exec"
)

type PathReq struct {
	Path string `json:"path"`
}

func installAPKByPathHandler(w http.ResponseWriter, r *http.Request) {
	if r.Method != http.MethodPost {
		http.Error(w, "仅支持POST请求", http.StatusMethodNotAllowed)
		return
	}

	var req PathReq
	err := json.NewDecoder(r.Body).Decode(&req)
	if err != nil {
		http.Error(w, "请求解析失败", http.StatusBadRequest)
		return
	}

	// 直接用传入的路径执行ADB安装
	cmd := exec.Command("adb", "install", "-r", req.Path)
	output, err := cmd.CombinedOutput()
	if err != nil {
		http.Error(w, "安装失败: "+string(output), http.StatusInternalServerError)
		return
	}

	w.WriteHeader(http.StatusOK)
	w.Write([]byte("安装成功: " + string(output)))
}

func main() {
	http.HandleFunc("/api/install-apk-by-path", installAPKByPathHandler)
	http.ListenAndServe(":8080", nil)
}

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