js解析上传APK文件的详细信息

本文涉及的产品
全局流量管理 GTM,标准版 1个月
云解析 DNS,旗舰版 1个月
公共DNS(含HTTPDNS解析),每月1000万次HTTP解析
简介: js解析上传APK文件的详细信息

前端解析APK版本信息


需要安装这个包,可以使用cnpm或者npm


npm 安装 app-info-parser ( 命令:npm install app-info-parser)


APKInfo为input上传文件的file对象。


html代码


:http-request="uploadFile" 文件自定义上传


使用的是elementui


drag拖拽


<el-upload
      class="upload-demo"
       drag
       :show-file-list="hideFile"
       :action="bgImgUpUrl"
       :http-request="uploadFile"
       :multiple="multipleFlag">
   <i class="iconfont icon-template"></i>
   <div class="el-upload__text">
      <a class="p-p">点击或将文件拖拽到这里上传</a>
      <br/>
      <a class="a-a">支持扩展名:.APK</a>
       <br/><a>{{File_info}}</a>
   </div>
   <div class="el-upload__tip" slot="tip"></div>
</el-upload>


hideFile:false,//隐藏上传文件信息
bgImgUpUrl:this.$dynamicAppConfig.uploadUrl + this.$dynamicAppConfig.fileAction,//文件上传的地址  
multipleFlag:false,//不需要多文件上传


引入包文件
const AppInfoParser=require("app-info-parser")


//这个就文件自定义上传
uploadFile(params) {
            //获取文件的后缀
            var fileName =params.file.name;
            var fileArr = fileName.split('.');
            var fileType=fileArr[fileArr.length-1];
            //判断文件后缀是否正确
            if(fileType=='apk'){
                // 文件上传 不需要管这一段,这是我的逻辑
                  this.File_info="正在上传中..."
                  this.$api.fileUpload({
                        file: params.file
                    }).then(fileres => { 
                        if(fileres.success==true){
                            console.log( fileres)
                            this.appupload_params.downLoadUrl=fileres.data;
                            this.File_info='上传成功';
                        }else{
                            this.File_info='上传失败';
                        }
                    })
                // 解析apk信息(这里很重要)
                //params.file 是这个文件对象
                const parser = new AppInfoParser(params.file) 
                // parser.parse().then();是这个插件提供的方法,注意不要写错了
                parser.parse().then(result => {
                      console.log("apk解析后的信息",result )
                }).catch(err => {
                    console.log('err ----> ', err)
                })
            }else{
                 this.$message.error('文件格式不正确');
            }
        },


相关文章
|
3月前
|
JavaScript 前端开发 Go
CSS 与 JS 对 DOM 解析和渲染的影响
【10月更文挑战第16天】CSS 和 JS 会在一定程度上影响 DOM 解析和渲染,了解它们之间的相互作用以及采取适当的优化措施是非常重要的。通过合理的布局和加载策略,可以提高网页的性能和用户体验,确保页面能够快速、流畅地呈现给用户。在实际开发中,要根据具体情况进行权衡和调整,以达到最佳的效果。
|
11天前
|
JavaScript 前端开发 API
Next.js 实战 (六):如何实现文件本地上传
这篇文章介绍了在Next.js中如何实现文件上传到本地的方法。文章首先提到Next.js官方文档中没有提供文件上传的实例代码,因此开发者需要自行实现,通常有两种思路:使用Node.js原生上传或使用第三方插件如multer。接着,文章选择了使用Node.js原生上传的方式来讲解实现过程,包括如何通过哈希值命名文件、上传到指定目录以及如何分类文件夹。然后,文章展示了具体的实现步骤,包括编写代码来处理文件上传,并给出了代码示例。最后,文章通过一个效果演示说明了如何通过postman模拟上传文件,并展示了上传后的文件夹结构。
|
3月前
|
存储 前端开发 JavaScript
JavaScript垃圾回收机制深度解析
【10月更文挑战第21】JavaScript垃圾回收机制深度解析
131 59
|
2月前
|
JavaScript 前端开发 API
Vue.js响应式原理深度解析:从Vue 2到Vue 3的演进
Vue.js响应式原理深度解析:从Vue 2到Vue 3的演进
73 0
|
2月前
|
前端开发 JavaScript
JavaScript新纪元:ES6+特性深度解析与实战应用
【10月更文挑战第29天】本文深入解析ES6+的核心特性,包括箭头函数、模板字符串、解构赋值、Promise、模块化和类等,结合实战应用,展示如何利用这些新特性编写更加高效和优雅的代码。
56 0
|
3月前
|
JavaScript 前端开发 开发者
原型链深入解析:JavaScript中的核心机制
【10月更文挑战第13天】原型链深入解析:JavaScript中的核心机制
45 0
|
3月前
|
JavaScript API
深入解析JS中的visibilitychange事件:监听浏览器标签间切换的利器
深入解析JS中的visibilitychange事件:监听浏览器标签间切换的利器
201 0
|
3月前
|
JavaScript 前端开发 应用服务中间件
vue前端开发中,通过vue.config.js配置和nginx配置,实现多个入口文件的实现方法
vue前端开发中,通过vue.config.js配置和nginx配置,实现多个入口文件的实现方法
234 0
|
3月前
|
JavaScript
深入解析:JS与Vue中事件委托(事件代理)的高效实现方法
深入解析:JS与Vue中事件委托(事件代理)的高效实现方法
66 0
|
2月前
|
监控 Java 应用服务中间件
高级java面试---spring.factories文件的解析源码API机制
【11月更文挑战第20天】Spring Boot是一个用于快速构建基于Spring框架的应用程序的开源框架。它通过自动配置、起步依赖和内嵌服务器等特性,极大地简化了Spring应用的开发和部署过程。本文将深入探讨Spring Boot的背景历史、业务场景、功能点以及底层原理,并通过Java代码手写模拟Spring Boot的启动过程,特别是spring.factories文件的解析源码API机制。
103 2

推荐镜像

更多