精华内容
下载资源
问答
  • 前端本地文件上传预览

    千次阅读 多人点赞 2020-06-16 18:59:06
    众所周知,前端无法像原生APP一样直接操作本地文件 —— 否则打开一个网页操控JS就能把用户电脑上的文件偷光。所以需要通过用户触发:通常,用户可选择以下两种方式触发 1. 通过`input type="file"` 选择本地文件 ...

    众所周知,前端无法像原生APP一样直接操作本地文件 —— 否则打开一个网页操控JS就能把用户电脑上的文件偷光。所以需要通过用户触发:通常,用户可选择以下两种方式触发

    1. 通过input type="file" 选择本地文件
    2. 通过拖拽方式把文件“拉到”指定地方

    第一种是最常用的手段,通常还会自定义一个按钮,然后盖在他上面:因为type="file" 的input不容易改变样式。
    如下笔者写一个选择控件,并将其包裹在form里:

    <form>
    	<input type="file" id="file-input" data-t="file" name="fileContent" />
    </form>
    

    然后就可以用FormData获取整个表单的内容了

    //jQuery
    $("#file-input").on("change",function(){
    	console.log(`file name is ${this.value}`);
    	let formData=new FormData(this.form);
    	formData.append("fileName",this.value);
    	console.log(formData);
    })
    

    input中增加data-t属性是为了防止有些浏览器默认会将不认识的type值变为text

    其中,获取的this.value 是本地文件路径,也就是说在浏览器无法获取到文件的真实存放位置。同时FormData打印出来是一个空的Object —— 但不是说它的内容是空的,只是它对前端开发者来说是“透明”(不可见)的,只能append添加字段。

    FormData无法得到文件的内容,而使用FileReader可以读取整个文件的相关信息:用户选择文件后,通过input.files 就可以得到选中的文件。我们以图片为例说明:

    $("#file-input").on("change",function(){
    	let fileReader=new FileReader(),
    		fileType=this.files[0].type;
    	fileReader.onload=function(){
    		if(/^image\/[jpg|png|gif]/.test(fileType)){
    			$(`<img src="${this.result}" />`).appendTo("body")
    		}
    	}
    	console.log(this.files[0]);
    	//base64方式读取:图片等文件通用读取方式
    	fileReader.readAsDataURL(this.files[0]);
    })
    

    运行之后,你会如愿发现在按钮下面多出来了一张图片!

    但是,上面这段代码的运行顺序是什么呢?是和往常一样“顺序”执行吗?
    你如果在onload里面加上console的话就会发现onload的代码是最后执行的!

    onload加载,如果遇到图片、表格等,则会等到这些都加载完成后才执行里面的代码。
    (这也是前端性能优化中建议在一些场景下用window.addEventListener('DOMContentLoaded',function(){}) 代替window.onload 的原因)

    tp

    把原始的File对象(代码中this.files[0])打印出来是这样的:
    dm

    它是一个window.File的实例,包含了文件修改时间、文件名、文件大小、文件的mime类型等。如果需要限制上传文件大小就可以通过判断size属性是否超出范围,单位是字节,而要判断是否为图片文件就可以通过type类型是否以image开头 —— 通过判断文件名的后缀可能会有不准。还有!目前只有jpg/gif/png三种格式的图片可以用img展示出来。

    代码中笔者实例化了一个FileReader,调用它的readAsDataURL并把File对象传给他,监听它的onload事件,load完读取的结果就在他的result属性里了。它是一个base64格式的,所以可以直接赋值给img的src

    其实FileReader除了可以读取为base64外,还可以读取以下格式:
    以原始二进制方式读取,读取结果可直接转成整数数组:fileReader.readAsArrayBuffer(this.files[0]);

    “巧”的是,ArrayBuffer内容也同样不可见。但是可以通过ArrayBuffer.length得到长度,还能转成整形数组,从而知道文件的原始二进制内容:

    let buffer=this.result;
    //依次每字节8位读取,放到一个整数数组
    let view=new Uint8Array(buffer);
    console.log(view)
    

    当然,我们再来说说这第二种方式:拖拽。

    <div class="img-container">
    	drop your image here
    </div>
    

    也就一个框,里面一行字,让我们将css忽略。
    去监听它的拖拽事件:

    $(".img-container").on("dragover",function(event){
    	event.preventDefault();
    })
    .on("drop",function(event){
    	event.preventDefault();
    	let fileReader=new FileReader(),
    		file=event.originalEvent.dataTransfer.files[0];
    	let fileType=file.type;
    	fileReader.onload=function(){
    		if(/^image\/[jpg|png|gif]/.test(fileType)){
    			$(`<img src="${this.result}" />`).appendTo('.img-container');
    		}
    	}
    	fileReader.readAsDataURL(file);
    });
    

    代码中运用了es6的链式调用,不过这不重要。由上面可以知道:这种方式数据在event的dataTransfer对象里。拿到这个对象以后,就可以和第一种方式:输入框一样了,即使用FileReader读取。
    或者新建一个空的formData,然后把它append到formData里:

    let formData=new FormData();
    formData.append("fileContent",file);
    

    2020-09-15更新

    发现了一个新写法:似乎可以借助“input框本质上还是一个写入区域”,在有文件选择时将文件路径转为URL写入img;没有时直接将内部value数据写入:

    <input type="file" id='id-face' name='face'  accept="image/*" />
    <div id='face-empty-result'>
        <img style='width:4rem' src="https://github.com/wangheng3751/my-resources/blob/master/images/camera.png?raw=true" alt="">
        <p>身份证正面照</p>
    </div>
    
    document.getElementById("id-face").addEventListener("change", function(){
        onFileChange(this,"face-result","face-empty-result")
    });
    

    fileObj

    function onFileChange(fileObj,el,btnel){
        console.log(fileObj);   //上图
        var windowURL = window.URL || window.webkitURL;
        var dataURL;
        var imgObj = document.getElementById(el);
        document.getElementById(btnel).style.display="none";
        imgObj.style.display="block";
        if (fileObj && fileObj.files && fileObj.files[0]) {
            dataURL = windowURL.createObjectURL(fileObj.files[0]);
            imgObj.src=dataURL;
        } else {
            dataURL = fileObj.value;
            imgObj.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale)";
            imgObj.filter.item("DXImageTransform.Microsoft.AlphaImageLoader").src = dataURL;
        }
    }
    
    展开全文
  • Android 在线预览文件

    千次阅读 2017-12-26 10:43:12
    在公司最近一个项目中,有一个需求是在线预览文件功能。重点是文件不能外露,也就是只能看,不能下载。 当时我的想法有四个: (1)文件下载到本地,使用第三方应用打开,退出后删除该文件。 (2)使用TBS(腾讯浏览...

    在公司最近一个项目中,有一个需求是在线预览文件功能。重点是文件不能外露,也就是只能看,不能下载。

    当时我的想法有四个:

    (1)文件下载到本地,使用第三方应用打开,退出后删除该文件。

    (2)使用TBS(腾讯浏览服务)打开。

    (3)使用微软提供的预览效果,使用webview打开

    (4)使用百度云文档服务


    下面我就来说说这四种方式的缺点:

    方式一:文件下载到本地,使用第三方应用打开。退出后删除该文件

    我在试这种方式的时候,发现第三方的应用有提供  另存为 功能,那就不能使用这种功能了,不符合公司的要求:只能看,不能下载。


    方式二:使用TBS(腾讯浏览服务)打开

    这种方式目前也没有提供在线预览功能,只能是下载到本地,再使用TBS(腾讯浏览服务)打开,退出该界面的时候,删除该文件。

    这种方式的加载文件速度很快,与界面的兼容性做得很好。

    最终我还是没有使用这种方式,原因有两个:

    1.没有在线预览效果,只能下载到本地。与公司的要求不符合。

    2.我用四台手机来测试的时候,居然有一台手机死活就是不能加载。显示的原因是不支持文件类型,我怀疑是不是我的集成错了,试了好些次还是不行。


    方式三:使用微软提供的预览效果,使用WebView打开

    这种方式用了一段时间感觉还是不错的。PC端也使用这种方式,使用起来很方面,就组一串url,扔给webview就能显示了。

    最终我还是没有使用这种方式,原因是 文件大的时候,加载的速度很慢,有时候还加载不出来。


    方式四:使用百度云文档服务

    百度提供相应的在线预览功能,集成显示都很方便。

    后来领导的想法是,移动端还是使用webview加载url的方式,百度云文档服务的集成放在 js或H5(这个不清除是怎么操作的),然后提供给我们一个url即可。


    下面我主要讲的是后面两种实现在线预览的方式


    1.使用微软提供的预览效果,使用WebView打开

    将文件地址和http://view.officeapps.live.com/op/view.aspx?src=

    拼接成新的url,再用webview加载即可。

    String finalUrl = "http://view.officeapps.live.com/op/view.aspx?src=" + realUrl + "";
            Log.e("tag_finalUrl", finalUrl + "");
            mWebView.loadUrl(finalUrl);

    realUrl : 文件的地址


    2.使用百度云文档服务(本地集成)

    集成方面的操作请参考:文档服务

    代码:

    String host = "BCEDOC"; // 百度云传回的host
        String docId = "doc-hmmm9y4j01kwmjk"; // 百度云传回的docId
        String docType = "doc"; // 百度云传回的文档类型 doc/ppt/ppts等
        String token = "TOKEN"; // 百度云传回的token
        String thisDocDir = ""; // 指定为空串""表示在线浏览
        int totalPage = 3; // 总页数,必须准确填写 否则在离线浏览时会有问题
        String docTitle = "百度云文档服务";
        int startPage = 1; // 起始浏览页,最小值为1,请不要填入小于1的值
        BDocInfo docInfo;
        private BDocView  mDocView;


    mDocView = (BDocView) findViewById(R.id.doc_view);


    docInfo = new BDocInfo(host, docId, docType, token)
                    .setLocalFileDir(thisDocDir)
                    .setTotalPage(totalPage)
                    .setDocTitle(docTitle)
                    .setStartPage(startPage);
            mDocView.setOnDocLoadStateListener(new BDocView.OnDocLoadStateListener() {
                @Override
                public void onDocLoadComplete() {
                    Log.d("test", "onDocLoadComplete");
                }
                @Override
                public void onDocLoadFailed(String errorDesc) {
                    // errorDesc format: ERROR_XXXX_DESC(code=xxxxx)
                    Log.d("test", "onDocLoadFailed errorDesc=" + errorDesc);
                }
                @Override
                public void onCurrentPageChanged(int currentPage) {
                    // 记录当前页面
                    Log.i("test", "currentPage = " + currentPage);
                }
            });
            // 加载文档
            mDocView.loadDoc(docInfo);

    xml:

    <?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:layout_width="match_parent"
        android:layout_height="match_parent"
        tools:context="com.example.user.docshowonline.MainActivity">
    
        <com.baidu.bdocreader.BDocView
            android:id="@+id/doc_view"
            android:layout_width="match_parent"
            android:layout_height="match_parent">
        </com.baidu.bdocreader.BDocView>
    </RelativeLayout>
    


    百度云文档服务还有提供下载功能,我在这里就不多介绍了,感兴趣的同学可以去看看。





    展开全文
  • 微信小程序打开预览下载的文件

    万次阅读 2018-06-13 22:08:05
    微信小程序开发交流qq群 173683895 ...使用 wx.openDocument(obj) 方法预览 wx.downloadFile({ url: 'http://example.com/somefile.pdf', success: function (res) { var filePath = res.tempFile...

    微信小程序开发交流qq群   173683895

       承接微信小程序开发。扫码加微信。

     

    使用 wx.openDocument(obj) 方法预览

    wx.downloadFile({
      url: 'http://example.com/somefile.pdf',
      success: function (res) {
        var filePath = res.tempFilePath
        wx.openDocument({
          filePath: filePath,
          success: function (res) {
            console.log('打开文档成功')
          }
        })
      }
    })

     

    打开预览文件乱码解决方法:

    在后台设置contenttype;(文件类型)



    可以在小程序预览了

    展开全文
  • 文件预览和下载 最近公司里面有个手机微信端的文件预览跟下载功能,文件类型包括 txt.pdf.doc.docx.xls.xlsx.rar.zip 首先。是下载,这个是在web上开发的,首先我用的是window.open(),然后。。。到测试的时候就炸...

    文件预览和下载

    最近公司里面有个手机微信端的文件预览跟下载功能,文件类型包括

    • txt.pdf.doc.docx.xls.xlsx.rar.zip

    首先。是下载,这个是在web上开发的,首先我用的是window.open(),然后。。。到测试的时候就炸了。原因是这东西在电脑显示的是下载,但在手机上面的是直接预览,而且txt文件还是乱码

    于是乎。。。我的预览功能一不小心用下载的方式实现了。。。
    下载,我用的是后台获取linux服务器文件,以流的形式生成新的文件下载
    ,前台只需传入一个参数文件的绝对路径,fileName如:/upload/file/org00000000/20190428/38a9921cd62a4273bfc5b055de456070.docx (这里的是linux 下的文件路径)
    代码如下

    public void downLoadFile() {
    		HttpServletRequest req = ServletActionContext.getRequest();
    		HttpServletResponse rep = ServletActionContext.getResponse();
    		BufferedOutputStream bufout=null;
    		InputStream in = null;
    		BufferedInputStream bufin =null;
    		OutputStream out = null;
    		ServletOutputStream os =null;
    		URL url = null;
    		HttpURLConnection urlconn = null;
    		try {
    			String[] str=fileName.split("/");
    			String newFileName=str[str.length-1];//截取源文件的文件名作为文件的文件名
    			rep.setContentType("multipart/form-data");
    			rep.setHeader("Content-disposition","attachment;filename="+ URLEncoder.encode(newFileName,"utf-8"));
    			//创建url连接
    			url = new URL("服务器域名(不方便展示)"+fileName);
    			urlconn = (HttpURLConnection) url.openConnection();
    			urlconn.connect();
    //			File file = new File(fileName);
    
    			bufin = new BufferedInputStream(urlconn.getInputStream());
    			File newFile = new File("域名//"+fileName);
    //			out = new FileOutputStream(newFile);
    			os=rep.getOutputStream();
    			bufout= new BufferedOutputStream(os);
    			byte[] bytes = new byte[2048];
    			int length=0;
    
    			while((length=bufin.read(bytes))!=-1){
    				bufout.write(bytes,0,length);
    			}
    		} catch (FileNotFoundException e) {
    			e.printStackTrace();
    		} catch (IOException e) {
    			e.printStackTrace();
    		}finally {
    			try {
    				bufin.close();
    				bufout.close();
    				os.close();
    				urlconn.disconnect();
    			} catch (IOException e) {
    				e.printStackTrace();
    			}
    
    		}
    
    		doJsonOut();
    	}
    

    实现下载的docx文件下载如下在这里插入图片描述
    这种方式的好处就是下载的txt,xls都不会乱码,而且兼容多种文件格式,而且。。。copy基本就可以直接使用,不需要用到任何插件(网上找了两天,下载的方法花式百样,总结就是一个字,坑)

    预览使用window.open(), txt会出现乱码问题

    这个,其实我问了一些大神,他的回答是新建一个jsp文件返回字符串不就行了吗
    我咧个去。。。我百度找了那么久的问题结果就一句话被解决的。。然后,我把上面的方法修改了一下,把流转成字符串,然后,新建个viewfile.jsp 。。。嘿嘿嘿
    由于项目使用了struts ,所以返回的类型是用request.setAttribute的方式,直接在新的页面获取就行了
    代码基本差不多,如下:

    public String viewFile(){
    		HttpServletRequest req = ServletActionContext.getRequest();
    		HttpServletResponse rep = ServletActionContext.getResponse();
    		BufferedOutputStream bufout=null;
    		InputStream in = null;
    		BufferedInputStream bufin =null;
    		OutputStream out = null;
    		ServletOutputStream os =null;
    		URL url = null;
    		HttpURLConnection urlconn = null;
    		try {
    			String[] str=fileName.split("/");
    			String newFileName=str[str.length-1];//截取源文件的文件名作为文件的文件名
    			rep.setCharacterEncoding("UTF-8");
    			rep.setContentType("html/text");
    			//创建url连接
    			url = new URL("域名/"+fileName);
    			urlconn = (HttpURLConnection) url.openConnection();
    			urlconn.connect();
    //			File file = new File(fileName);
    			bufin = new BufferedInputStream(urlconn.getInputStream());
    			File newFile = new File("域名/"+fileName);
    //			out = new FileOutputStream(newFile);
    //			os=rep.getOutputStream();
    //			bufout= new BufferedOutputStream(os);
    			byte[] bytes = new byte[2048];
    			int length=0;
    			String content="";
    			while((length=bufin.read(bytes))!=-1){
    //				bufout.write(bytes,0,length);
    				content+=new String(bytes,"utf-8");
    			}
    			req.setAttribute("content",content);
    		} catch (FileNotFoundException e) {
    			e.printStackTrace();
    		} catch (IOException e) {
    			e.printStackTrace();
    		}finally {
    			try {
    				bufin.close();
    //				bufout.close();
    //				os.close();
    				urlconn.disconnect();
    			} catch (IOException e) {
    				e.printStackTrace();
    			}
    		}
    
    		return "viewfile";
    	}
    

    下面是方法入口,大同小异而已
    在这里插入图片描述
    viewfile.jsp 页面 简单,粗暴
    在这里插入图片描述
    功能显示
    在这里插入图片描述

    博主还遇到了一个跟恶心的问题。。。js不兼容。。

    所有测试人员测试完都没问题了。。然后。。项目经理一测,卧槽,又炸了。。。

    按钮那些都显示不了
    原因只是。。。那土豪用的是苹果,我咧个去,,,几个大佬的一个个调试,都发现不了问题,我走了一下流程,发现一到判断时间类型下面的js都失效了。

    百度一看,好嘛,这苹果货不兼容 yyyy-MM-dd 的时间格式,除此之外还不兼容绑定的按钮点击事件,略作修改,写成yyyy/MM/dd,换一下绑定,完美渡劫成功,

    卧槽,肝了一个月的项目,终于弄完了,博主今晚吃饭要加菜,至少也要加个鸡腿

    下边加个判断时间类型的js的吧
    时间类型 yyyy/MM/dd, 具体yyyy-MM-dd能不能用没测试过,有测试成功的小伙伴可以留个言提醒一下别人。。。
    功能,比较传入来的时间(String 类型)与当前时间的大小,(精确到分,需要更精确的只要你认真看一下就知道怎么修改了)

     function betterNow(endTime){
            var mydate = new Date();
            var inputDate=new Date(endTime);
            if(inputDate>mydate){
                return true
            }else
                return false;
        }
    

    对了,我还有一句话想说

    iphone就是个辣鸡~~~~~~~~

    展开全文
  • 5152.entry Windows XP,怎样取消资源管理器中视频文件的自动预览?如何删除我的电脑里图片文件的自动预览?在我的电脑里点击任何mp4扩展名的文件,浏览器窗口会有几秒钟假死,怎么解决? 参考网上(泛滥)的文章,...
  • 小程序文档预览文件缓存

    千次阅读 2018-12-08 17:37:51
    文档预览(wx.openDocument) 文件本地存储(wx.saveFile) 获取本地存储的文件(wx.getSavedFileList) 文档分享(ios暂不支持,Android需要借助第三方文档工具) 二、文件下载 使用文件下载功能需要先在微信...
  • 如何解决点击文件,右侧显示有预览

    千次阅读 2021-03-04 14:26:03
    在文件夹当中,如果我们点击Excel表格,那么电脑的右侧就会有Excel表格的预览格式,这样的问题该如何解决呢? 工具/原料 电脑 Excel文件 方法/步骤 首先找到我们要打开的Excel文件,点击这个Excel文件后右侧会...
  • 移动端H5下载文件功能时,发现部分word文件可以在线打开 有些无法打开,提示“无法预览文件,它可能已损坏”; 但是在Pc端下载是可以正常打开的,移动端是不行。 代码如下: byte[] array = result....
  • 微信小程序上传及预览文件

    千次阅读 2021-02-08 17:41:38
    提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档 ...下面附上其可用属性以及可打开的文件类型二、预览文件的实现代码以上就是微信小程序中上传文件预览文件的方法,这些在微信官方文档中都
  • pdf文件在线预览,兼容多浏览器和手机端

    万次阅读 热门讨论 2018-11-06 12:18:44
    最近学习了一下网页在线预览pdf文件的实现方式,主要有: PDFObject:使用起来非常方便,电脑端兼容性好,试过能兼容ie9,也很快,但在手机上一些浏览器无法在线. jquery.media.js:使用起来非常方便,不支持ie。ie的...
  • 移动端实现PDF文件在线预览

    万次阅读 2018-09-20 11:29:17
    移动端直接使用pdf的路径当做超链接时,pdf需要下载也能查看,所以使用插件来实现无需下载在线预览的效果。 1、插件下载官网:https://mozilla.github.io/pdf.js/  两个版本都可以(个人只使用了v1.9.426版本,另...
  • 前言 markdown必备技能,早用早升级~ 开始 你可能会像我一样在配置的时候遇到如下问题,希望我遇到的坑,能给你一点参考 ... window电脑,ctrl+shift+p, 输入Markdown Preview Enhanced: Customiz...
  • php excel文件在线预览(走过的坑)

    千次阅读 2018-10-08 09:23:46
    php excel文件在线预览(走过的坑)1.已经布好的服务如微软的Office365等平台服务2.通过phpExcel扩展进行excel文件解析直接输出html3通过openoffice进行文件解析转换-&amp;amp;amp;gt;pdf-&amp;amp;amp;gt;...
  • dxf文件预览打开编辑相关控件推荐

    千次阅读 2014-09-25 17:38:55
    DXF是一种开放的矢量数据格式,可以分为两类:ASCII格式和二进制格式;...绝大多数CAD系统都能读入或输出DXF文件。 DbCAD dev是非常优秀的CAD控件产品,它集成了CAD, AM/FM, GPS and RDBMS等技术
  • 有道云笔记 for Mac出现Excel文件无法预览怎么解决?解决方案如下: 原因一:网络问题 excel文件使用的在线预览,如果您的网络有问题,可能会使文件无法成功预览 原因二:excel文件过大 当excel文件超过5M时,可能...
  • 二,打开ksomisc.exe程序,选择设置-文件格式关联,取消一下勾选 三,然后按下图设置。这样设置后,就断开了WPS与Office文档的默认关联袭。同时,用WPS创建的文件默认也保存为百 docx、xlsx和pptx,这些文件可由...
  • 手动升级到18.04之后发现视频的预览无法...之后我们删除一些缓存文件 rm -r ~/.cache/thumbnails 然后重启电脑,一般这时候就会加载出来了 如果做完上一步依然无法加载视频的预览 我们继续 sudo apt install gstr...
  • 一、使用场景 客户端请求服务器B保存某个文件到本地, ...(这里以pdf文件为例子,服务器端B处理代码) //响应内容,这里在response中不设置contentType的话,在大多数(除IE外的浏览器)都是文件预览 re
  •  在"文件资源管理器"的菜单中选择"查看—预览窗格",或者使用快捷键Alt-P 2.无法预览图片的问题  1)在"文件资源管理器"中,右键点击"此电脑",选择"属性";或者在桌面中右键点击"此电脑",选择"属性"  2)选择
  • PC端文件展示与预览

    2019-09-05 15:07:14
    引入(需要在components里面声明) import pc_resource from ‘@/module/...items:文件列表,格式-数组,网盘插件选择返回的数据可以直接赋值过来 <pc_resource :items=“items”></pc_resource> ...
  • mac电脑重复文件如何查找?

    千次阅读 2019-09-25 17:57:53
    当我们的MAC电脑提示你磁盘空间已满时可以通过在Mac上删除不必要的重复文件,文件夹和类似照片,可以获得更多可用磁盘空间,Duplicate File Finder for Mac是一款功能强大的重复文件查找软件。Duplicate File Finder...
  • 文档文件等网页端预览功能

    千次阅读 2017-10-27 16:17:43
    要实现word、ppt、excel、pdf等文档在web应用端预览功能,目前一般做法为:  在页面的显示效果:   主要用的工具: Openoffice4(windows、linux); SWFTools(windows、linux); Flexpaper插件...
  • 如何在本地预览php文件

    千次阅读 2016-04-22 00:36:43
    将编辑好的php文件放在wamp安装位置下的www文件夹中 打开wamp,开启服务(任务栏中的小图标变成绿色就表示...注意此时浏览器只是把文件当作普通文件打开的,而不是当作网络文件,需要在浏览器的地址栏进行地址的修改
  • 在手机上测试预览本地的html文件

    千次阅读 2019-07-06 14:30:18
    3:注意,电脑须和手机在同一网络下,比如电脑和手机共连一个wifi即可 4:安装完成之后,打开软件如下界面所示,点击启动(启动mysql与apache服务器),全部变为绿灯即可 5:我是安装在G盘,如下--G:\phpStudy\...
  • 我们在使用webstorm作为开发工具的时候,如果想要预览一个静态的html网页, 非常方便,只要我们将鼠标移动到IDE编辑区右上角的时候,预览的按钮就浮现了出来,而且还可以选择电脑上已经安装的浏览器进行预览,不光是...
  • VUE系列—VUE+indexDB+JSZip+在线预览zip压缩文件(一) VUE系列—VUE+indexDB+JSZip+在线预览zip压缩文件(二) VUE系列—VUE+indexDB+JSZip+在线预览zip压缩文件(三)通过上一篇文章我们的项目架构基本就出来了,...
  • 在网页中预览excel表格文件

    千次阅读 2017-09-13 09:51:12
    项目需求在前端页面中实现预览excel表格的功能,上网了解之后大致总结为一下几种方法。 1.office文档转换为pdf,再转swf,然后通过网页加载flash进行预览 2.通过 xlsx.js,jszip.js插件 3.django xlrd读取excel内容...
  • html5之多文件拖拽上传预览

    千次阅读 2013-10-23 13:55:12
     h5中的input有个type=file 就是文件上传控件,有个属性multiple就是h5新增的支持多选上传文件。用法很简单: 下面着重探讨一下拖拽上传并预览。 ----------------------------------------------------------...
  • IIS配置并让手机访问电脑文件

    千次阅读 2017-10-26 12:49:53
    IIS配置并让手机访问电脑文件
  • SSH框架:用JSP页面设计了一个网页打印功能。但是为什么打印预览的效果,在不同的电脑上显示不同呢,求大神详细解析下,如果需要代码可以提出。跪求~

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 51,583
精华内容 20,633
关键字:

如何取消电脑文件预览