js实现点击按钮下载文件~

于 2023-11-22 11:42:30 发布
阅读量198 收藏
点赞数
分类专栏： 前端 文章标签： vue.js javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_45502195/article/details/134550009
版权

你们好，我是金金金。

image.png

场景

需要在一个平板设备上发送一个apk安装包，设备可能有点老，QQ、Weixin都安装不上不兼容，在线网页互传也试了好几种都不行，最后采用写代码的方式，然后平板设备访问地址 点击按钮下载这个apk包~

image.png

  • vue3项目，我已经写了一个页面，页面当中有一个按钮，点击这个按钮，就可以下载apk的包。

解决

很简单，首先我们来看一下按钮点击触发的逻辑，这里直接上代码了

image.png

注意不能写127.0.0.1这种的地址，我这边报错 不能访问本地资源，选择Network的地址即可

image.png

已经测试过可以下载apk的软件包~ 注意文件名需要带.apk，不然下载下来是一个zip的压缩包！

  • 编写有误还请大佬指正，万分感谢。
金金金__
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
使用JS代码实现点击按钮下载文件
10-21
有时候我们在网页上需要增加一个下载按钮，让用户能够点击后下载页面上的资料，那么怎样才能实现功能呢？今天小编给大家分享两种方法实现js实现点击按钮下载文件，需要的朋友参考下吧
微信公众号手机无法直接下载APK文件是怎么回事
cmbv45的博客
05-08 602
需求：在微信h5页面中下载第三方app —— 安卓， 直接下载apk文件包；iphone，跳转AppStore 分析：微信不支持，在微信中屏蔽了apk文件的下载以及AppStore的跳转（且除非和TX有合作的应用，否则也不支持通过scheme跳转第三方app） 变通方法：: 一、借助TX的应用市场 --‘应用宝’：将app上架应用宝，在微信中点击下载按钮(app的应用宝微下载地址)...
下载APk，并在通知栏显示下载进度(两种方式)
ygd1994的专栏
05-04 9620
1.布局文件布局很简单，写个点击下载的按钮就行<?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:l
JS点击某个图标或按钮弹出文件选择框的实现代码
10-21
本文给大家介绍js点击点击某个图标或按钮弹出文件选择框的实现代码，代码简单易懂，非常不错，感兴趣的朋友可以参考下
js实现点击按钮弹出上传文件的窗口
01-19
1.详细描述 在页面上设置一个“选择文件”按钮，点击该按钮，会弹出本地磁盘信息用于选择文件。 2.代码 <!DOCTYPE html> <html> <head> <meta charset=utf-8> <title>Demo</title> [removed] function F_Open_dialog() { document.getElementById(btn_file).click(); } [removed] </head> <body> <div> <input type=file id=btn_file styl
js如何下载.apk
故里的博客
01-08 5058
需求：如果没下载手机app，点击‘立即下载’后，开始下载。 1. function download() { var src = 'http://xxx.apk'; var form = document.createElement('form'); form.action = src; document.getElementsByTagName('body')[0...
js实现页面跳转并下载文件
12-26 1157
js实现页面跳转并下载文件
js调用app下载或者打开app
李青林的博客
01-17 7614
1,调用打电话 &amp;amp;lt;div class=&amp;quot;content&amp;quot;&amp;amp;gt;&amp;amp;lt;a style=&amp;quot;color: #498FE2&amp;quot; href=&amp;quot;tel:{$data['customer_mobile']}&amp;quot;&amp;amp;gt;{$data['customer_mobile']
JS实现下载呼出相应的链接(Android、iOS)
qq_43271846的博客
07-18 1231
js实现点击下载的对应方法
SSM项目文件下载方法二
vili_sky的博客
12-23 2717
思路： （1）通过ajax提交表单数据至一个Controller，由参数查询出数据集合，存入excel文件，返回excel文件名 （2）使用js window.open()方法访问文件下载的Controller，下载之前生成的文件 （3）下载完成之后删除文件，因为文件保存在项目路径下，觉得还是删掉比较好，日后优化可以设置一个定时任务，定期删掉也行。
js解析apk包信息
10-11
用途：js解析apk包信息，这只是暴露出去的接口文件，另外还有几个内部文件，不过还有问题，等改好再上传吧
Auto.js.apk
10-29
autojs的apk Auto.js使用JavaScript作为脚本语言，目前使用Rhino 1.7.7.2作为脚本引擎，支持ES5与部分ES6特性。 因为Auto.js是基于JavaScript的，学习Auto.js的API之前建议先学习JavaScript的基本语法和内置对象，可以使用教程前面的两个JavaScript教程链接来学习。 如果您想要使用TypeScript来开发，目前已经有开发者公布了一个可以把使用TypeScript进行Auto.js开发的工具，参见Auto.js DevTools。 如果想要在电脑而不是手机上开发Auto.js，可以使用VS Code以及相应的Auto.js插件使得在 电脑上编辑的脚本能推送到手机运行，参见Auto.js-VSCode-Extension。 本文档的章节大致上是以模块来分的，总体上可以分成"自动操作"类模块(控件操作、触摸模拟、按键模拟等)和其他类模块(设备、应用、界面等)。 "自动操作"的部分又可以大致分为基于控件和基于坐标的操作。基于坐标的操作是传统按键精灵、触摸精灵等脚本软件采用的方式，通过屏幕坐标来点击、长按指定位置模拟操作，从而到达目的。例如click(100, 200), press(100, 200, 500)等。这种方式在游戏类脚本中比较有可行性，结合找图找色、坐标放缩功能也能达到较好的兼容性。但是，这种方式对一般软件脚本却难以达到想要的效果，而且这种方式需要安卓7.0版本以上或者root权限才能执行。所以对于一般软件脚本(例如批量添加联系人、自动提取短信验证码等等)，我们采用基于控件的模拟操作方式，结合通知事情、按键事情等达成更好的工作流。这些部分的文档参见基于控件的操作和基于坐标的操作。 其他部分主要包括： app: 应用。启动应用，卸载应用，使用应用查看、编辑文件、访问网页，发送应用间广播等。 console: 控制台。记录运行的日志、错误、信息等。 device: 设备。获取设备屏幕宽高、系统版本等信息，控制设备音量、亮度等。 engines: 脚本引擎。用于启动其他脚本。 events: 事件与监听。按键监听，通知监听，触摸监听等。 floaty: 悬浮窗。用于显示自定义的悬浮窗。 files: 文件系统。文件创建、获取信息、读写。 http: HTTP。发送HTTP请求，例如GET, POST等。 images, colors: 图片和图色处理。截图，剪切图片，找图找色，读取保存图片等。 keys: 按键模拟。比如音量键、Home键模拟等。 shell: Shell命令。 threads: 多线程支持。 ui: UI界面。用于显示自定义的UI界面，和用户交互。 除此之外，Auto.js内置了对Promise。
Js学习(apk)
05-27
Javascript学习是Android客户端目前最全面的免费离线Javascript学习书籍，从Html入门到Html样式设计，再到Javascript，提高网页设计能力。主要内容包括: 1、Html基本标签 2、Html表单知识 3、Web2.0(Div+Css样式) 4、Javascript基础 5、Javascript高级 6、Javascript特效 无论您是在校大学生，还是职业学员，或者网页设计人员，本书都志在全面提高您的Html设计思想和Javascript实力，使您能够设计出高质量的Html网页，相信读完本书后能使您获益匪浅。
andriod js启动apk
12-31
andriod js启动 详细参考 http://blog.csdn.net/qq1761310972/article/details/17723403
js判断移动端APP是否安装
05-13
js判断移动端APP是否安装 如果安装就打开APP 没有安装就提示下载
自动更新--下载apk以及提示对话框的实现(3)
璐璐的专栏
11-12 2520
下载apk以及提示对话框的实现 一、步骤： 1. 确定有可以更新的版本，对话框提醒用户是否进行更新。 2. 选择更新的话，显示下载对话框并且进行下载，否则关闭提示更新对话框。 3. Apk下载完成后，安装apk。 二、具体细节： 1. 提示用户更新的时候，实现必须更新的方法如下：显示的对话框只显示更新按钮，也就是只能选择更新。 2. 下载的时候，下载对话框的页面显示一个进度条来显示下
xUtils的全面解析和案例讲解(四)--断点续传下载apk并安装
u012156341的专栏
03-08 556
今天我们根据具体的需求，进一步理解xUtils框架的使用方式： 添加Button点击按钮，点击按钮开始使用xUtils的网络模块进行apk安装包的下载，支持随时停止下载任务，成功后使用Dialog询问用户是否安装，并安装。 数据接口：http://softfile.3g.qq.com:8080/msoft/179/24659/43549/qq_hd_mini_1.4.apk 那么我们根据
OkHttp+Service下载APK文件
cf8833的博客
09-17 784
参考上一篇博客：https://blog.csdn.net/cf8833/article/details/93905187 上一篇博客说到，如何在activity中下载文件，今天把程序改一下，在service中下载文件 服务需要注册，源码全部贴出来了，需要源码的给我留言 <activity android:name=".MainActivity"> ...
apk 下载并自动安装
weixin_30797199的博客
02-11 196
今天带来的是apk的下载和自动安装，其实这个挺简单的，代码量不大，那就直接上代码吧！ 第一步 是点击按钮进行： //按钮（Button） public void downAndInstall(View v) { // 下载apk，传入链接 downLoadFile("http://static.nduoa.c...
用js实现点击按钮下载文件功能
最新发布
04-11
可以使用以下代码实现点击按钮下载文件功能： ```javascript function downloadFile() { var url = 'http://www.example.com/file.pdf'; // 文件的URL var filename = 'file.pdf'; // 要下载的文件名 var link = document.createElement('a'); link.href = url; link.download = filename; document.body.appendChild(link); link.click(); document.body.removeChild(link); } ``` 在 HTML 中添加一个按钮，并为其绑定 `downloadFile` 函数即可： ```html <button onclick="downloadFile()">下载文件</button> ```

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值