选择本地文件file

    <body>
        <input type="file" name="input" id="input" value="选择文件" />
        <!--预览框-->
        <div class="preview" style="width: 1000px; height: 1000px;">

        </div>
    </body>
    <script type="text/javascript">
        var oInput=document.getElementById("input");
        var oPre=document.querySelector(".preview");
        oInput.onchange=function () {
            console.dir(oInput);
        }

    </script>

原文地址:https://www.cnblogs.com/150536FBB/p/9787448.html

时间: 2024-08-26 14:57:05

选择本地文件file的相关文章

JS打开选择本地文件的对话框

方法一: 在定义的form中添加以下javascript代码: {             anchor : '95%',             xtype: 'fileuploadfield',             id: 'form-file',             emptyText: '请选择',             fieldLabel: '上传附件',             name: 'meetingAffix',             buttonText: '

【.Net】在WinForm中选择本地文件

相信很多朋友在日常的编程中总会遇到各钟各样的问题,关于在WinForm中选择本地文件就是很多朋友们都认为很难的一个学习.net的难点, 在WebForm中提供了FileUpload控件来供我们选择本地文件,只要我们将该控件拖到页面上了,就已经有了选择本地文件的功能了.而在 WinForm中,并没有为我们提供集成该功能的控件,但为我们提供了OpenFileDialog类,我们可以利用该类来打开与选择本地文件. OpenFileDialog类,提供了提示用户打开文件的功能,它有如下属性和方法: 属性

【56】java本地文件File类详解

1.java类的介绍 public class File extends Object implements Serializable, Comparable<File> 文件和目录路径名的抽象表示形式. File既可以表示文件也可以表示目录. 用户界面和操作系统使用与系统相关的路径名字符串 来命名文件和目录.此类呈现分层路径名的一个抽象的.与系统无关的视图. 2.构造方法 File(File parent, String child) 根据 parent 抽象路径名和 child 路径名字符

uri中为什么本地文件file后面跟三个斜杠, http等协议跟两个斜杠?

那就要从URI[1]的结构来看了 scheme:[//[user:[email protected]]host[:port]][/]path[?query][#fragment] 可以看到,如果有host的时候,前面是要加 // 的,因此对于 http 等这些网络地址来讲 http://www.baidu.sb:80/ad/cash 写成这样很自然.那么如果是文件呢?文件因为没有 host 啊,所以中间的部分就不要了,那么就变成了 file:///ad/cash 对于文件来讲,似乎 // 不要也

文件File

前面的话 不能直接访问用户计算机中的文件,一直都是Web应用开发中的一大障碍.2000年以前,处理文件的唯一方式就是在表单中加入<input type="file">字段,仅此而已.FileAPI(文件API)的宗旨是为Web开发人员提供一种安全的方式,以便在客户端访问用户计算机中的文件,并更好地对这些文件执行操作.本文将详细介绍文件File API [注意]IE9-浏览器不支持 File File API在表单中的文件输入字段的基础上,又添加了一些直接访问文件信息的接口.

前端本地文件操作与上传

前端无法像原生APP一样直接操作本地文件,否则的话打开个网页就能把用户电脑上的文件偷光了,所以需要通过用户触发,用户可通过以下三种方式操作触发: 通过input type="file" 选择本地文件 通过拖拽的方式把文件拖过来 在编辑框里面复制粘贴 第一种是最常用的手段,通常还会自定义一个按钮,然后盖在它上面,因为type="file"的input不好改变样式.如下代码写一个选择控件,并放在form里面: <form> <input type=&q

如何从TFS(Visual Studio Team Foundation Server)映射下载本地文件夹

1.连接tfs项目 首先打开vs2017 -->工具栏 中的   团队--> 选择团队的管理链接 2.选择管理工作区 显示管理工作区的弹窗,点击 编辑  显示弹窗,选择本地文件夹(即要保存本地文件夹的路径),点击确定即可. 3.设置工作区的本地映射文件夹 原文地址:https://www.cnblogs.com/1175429393wljblog/p/8478471.html

如何用一张图片代替 &#39;input:file&#39; 上传本地文件??

今天去面试,碰到了一道题,也许是因为紧张或者喝水喝多了,一时竟然没有转过弯来,回来之后一细想原来这么简单,哭笑不得,特此记录一下! 原题是这样的:  如何用一张图片代替 'input:file' 上传本地文件?? 因为默认的 <input type='file'> 上传文件控件样式特别丑,需要换成自定义的图片,如何实现这个功能?? 也就是,将这个玩意: 换成这样的: 当时我还讲了一下label与input之间的绑定关系,问到这个的时候竟然脑袋短路一时没想到label这玩意儿??label作为一

Python选择多个本地文件以附件发送到Email

Python Email 发送多个附件 起因 邮箱是最普遍的"跨平台"的信息储存节点.应能抓取网页.或者附件发送本地文件,以便各个终端共享信息. 最终实现自动抓取页面推送到邮箱:将笔记.日程以附件形式发送到邮箱. 工具和准备 编辑器:Sublime 3 语言:Python v2.7.11 OS:Windows 7 64位 网络搜索 "Pythonemail 发送附件" 得到基础模板.修改调试得到如下代码: # -*- coding: utf-8 -*- # Pyth