北京沣登科技发展公司

j***ascript本地运行,js运行本地文件

大家好,今天小编关注到一个比较意思的话题,就是关于javascript本地运行问题,于是小编就整理了3个相关介绍javascript本地运行的解答,让我们一起看看吧。

  1. js如何判断是否可以打开本地软件?
  2. pdf.js如何预览本地文件?
  3. 如何实现js上传图片本地预览,同时支持预览截图的功能?

js如何判断是否可以打开本地软件

刚开始的时候,一直在考虑如何使用 js 来判断某个软件是否安装(可以被浏览器调用的软件)。却一直没有头绪。后来在各大网站找到一些方法

但后来发现这些方法都无效,很是失望。

javascript本地运行,js运行本地文件div>
图片来源网络,侵删)

最后在 github 上找到了一个插件:Custom Protocol Detection in Browser

使用方法参考里面的即可。

基于插件原理的重构

javascript本地运行,js运行本地文件
(图片来源网络,侵删)

在插件中有一个部分的原理是这样的:如果本地安装了插件,当尝试使用插件打开时,后触发事件;如果无法打开插件,则什么都不会发生。

根据这个原理,进行一个简单封装。(其实也不算是封装,只是简单的把其中的原理展现出来而已)

这里使用的是代码主要是为了兼任低版本的浏览器,可以在理解其中的原理后,移植到相应的项目或者框架

javascript本地运行,js运行本地文件
(图片来源网络,侵删)

原理分析

打开本地插件(软件,例如 qq)的方法基本是让浏览器的 url 发生改变一般有以下方法:

pdf.js如何预览本地文件

pdf.js预览文件必须只能是在服务器部署的项目路径下,不能通过修改配置方式支持本地路径的文件,否则会有js跨域问题。

如果要显示本地文件,可以折中考虑先做一个上传功能将文件上传到服务器上然后页面上展示,这样基本实现了预览本地文件。

如何实现js上传图片本地预览,同时支持预览截图的功能?

常见的思路有两种:一是将图片上传至服务器的临时文件夹中,并返回该图片的url,然后渲染html页面;另一种思路是,直接在本地内存中预览图片,用户确认提交后再上传至服务器保存

到此,以上就是小编对于j***ascript本地运行的问题就介绍到这了,希望介绍关于j***ascript本地运行的3点解答对大家有用。

[免责声明]本文来源于网络,不代表本站立场,如转载内容涉及版权等问题,请联系邮箱:83115484@qq.com,我们会予以删除相关文章,保证您的权利。 转载请注明出处:http://www.fengdengtech.com/post/49139.html

分享:
扫描分享到社交APP