html点击按钮文件上传,js点击按钮实现文件上传

点击按钮实现文件上传

$('#uploadFileButton').click(function () {

$('#upload').click();

});

$('#upload').click(function () {

$('#upload').val('');

});

$('#upload').on('change', function(){

var fileNameStr = $('#upload').val();

var index2 = fileNameStr.length;

if(fileNameStr.indexOf("/") != -1) {

var index1 = fileNameStr.lastIndexOf("/");

} else {

var index1 = fileNameStr.lastIndexOf("\");

}

if (index1 <= -1) {

index1 = 0;

} else {

index1 += 1;

}

fileNameStr = fileNameStr.substring(index1, index2);

$('#uploadFileName').html(fileNameStr);

});

内容来源于网络如有侵权请私信删除

html点击按钮文件上传,js点击按钮实现文件上传相关推荐

在ts文件中引入js模块，编写声明文件的方法
一.声明文件的作用在ts文件中引入js文件,由于js代码中没有类型约束,所以ts无法获得js代码的类型信息,进而会隐式推断js中类型为any,失去了ts代码类型推断和约束的作用,声明文件就是将一个j ...
php手机端多图预览上传,JS实现多图预览上传的实例代码
这篇文章主要介绍了JS实现多张图片预览同步上传功能的相关资料,需要的朋友可以参考下废话不多说了,直接给大家贴代码了,具体代码如下所示: /** * Created by liujing on 201 ...
tomcat idea项目访问、下载web项目外的静态资源（图片、文件），js下载项目外的文件，server.xml设置对idea中的项目不生效
读取项目外的文件,配置Tomcta的虚拟路径, 打开文件:Tomcat/conf/server.xml 修改文件配置: <Host name="localhost" ap ...
webpack配置：css文件打包、JS压缩打包和HTML文件发布
一.CSS文件打包 1.在src下新建css文件,在css文件下新建index.css文件,输入以下代码 body{color:red;font-size:20px; } 2.css建立好后,需要引入 ...
html点击展开菜单,简单实现js点击展开二级菜单功能
虽然,jQuery已经非常好用了,但是实际的开发项目中,还是有很多限制,比如项目组奇葩的要求,不能使用任何插件,当然,也是考虑插件占用资源,毕竟100+KB对与小型项目来说还是非常大的.我最近就遇到做 ...
html打开自动点击,如何把一段JS点击触发改为页面打开后就自动触发？
该楼层疑似违规已被系统折叠隐藏此楼查看此楼 1.最简单的调用方式直接写到html的body标签里面,如: 2.在JS语句调用 function func(){--} window.οnlοad=f ...
JS逐页转pdf文件为图片格式
背景年前的时候,开发一个电子杂志项目,功能需求是通过上传pdf文件,将其转为图片格式,所以杂志的内容其实就是一张张图片不过当时技术要求用后端实现,所以使用的是PHP实现该功能.项目完成后,寻思着在 ...
（layui）点击加号添加电话输入框，点击减号，电话输入框删除
点击加号会增加子电话输入框,点击子电话输入框后的减号,输入框消失.效果如图所示: 代码如下: 引入外部的js文件: <script th:src="@{/customers/custo ...
js 点击按钮或者图片，实现图片上传并显示在页面上
点击图片本身,实现图片上传: <div class="card">// 用于接受上传的图片<img src="img.jpg" alt=&qu ...

html点击按钮文件上传,js点击按钮实现文件上传

html点击按钮文件上传,js点击按钮实现文件上传相关推荐

最新文章

热门文章