清空文件上传文本框文件

本文档记载2个功能:1在本按钮<input type="file">清除file文本框文件
2在其他按钮清除file文本框文件

html:

<!DOCTYPE html>
<html><head><meta charset='utf-8' /><title>portal file upload</title><script type="text/javascript" language="JavaScript" src="js/jquery-3.3.1.js"></script><script type="text/javascript" language="JavaScript" src="js/app.js"></script></head><body><input id="fileBox" type="file" name="portalFileName"  onchange="fileChoose(this);" /><button id="uploadBtn" onclick="submitUpload()">提交上传</button></body></html>

js:

var flag1 = true;  //选择flag
var flag2 = false;  //提交flag//文件选择 (在本按钮清除file文本框)
function fileChoose(target) {if(flag1){//满足条件可以上传}else{//不满足条件不能上传,清空上传文件文本框alert("不能选择此文件");target.value = "";}}
//提交上传(在其他按钮清除file文本框)
function submitUpload(){if(flag2){//满足条件可以上传alert("上传ing");}else{//不满足条件不能上传,清空上传文件文本框alert("不能上传");var obj = document.getElementById('fileBox') ;console.log(obj);obj.outerHTML=obj.outerHTML;}}

清空文件上传文本框文件相关推荐

使用Fileupload组件上传文本和文件
使用fileupload组件上传文本和文件绪论使用fileupload组件可以很方便的向服务器上传数据,包括表单数据以及二进制文件,比如pdf.图片视频等等.下面演示如何上传form表单数据以及二 ...
文件上传 java web_JavaWeb 文件上传下载
1. 文件上传下载概述 1.1. 什么是文件上传下载所谓文件上传下载就是将本地文件上传到服务器端,从服务器端下载文件到本地的过程.例如目前网站需要上传头像.上传下载图片或网盘等功能都是利用文件上传下 ...
SSM框架使用Layui文件上传插件实现多文件上传（多文件列表）
SSM框架使用Layui文件上传插件实现多文件上传(多文件列表) pom.xml文件的配置想要实现SSM框架实现多文件上传,必要的jar包必须要在pom.xml文件中引入.如下: <!--co ...
springboot文件上传，单文件上传和多文件上传，以及数据遍历和回显
springboot文件上传,单文件上传和多文件上传项目结构及pom.xml 创建文件表单页面编写javabean 编写controller映射 MultipartFile类 @RequestPa ...
vue-tinymce的使用，粘贴文件上传，自定义文件上传，改base64转换成上传到服务器返回url
vue-tinymce的使用,粘贴文件上传,自定义文件上传,改base64转换成上传到服务器返回url vue中使用 <vue-tinymcev-model="itemForm.con ...
Dropzone单文件上传、多文件上传、文件夹上传，springmvc接收，上传至Minio的一系列问题
0 前言 1.项目需要上传文件和大量的文件夹,页面只有一个input file标签会很丑,偶然间得知dropzone类库, 决定使用. 2. 项目后端采用springmvc接收,调用minio代码上传 ...
***使用PHP实现文件上传和多文件上传
http://www.365mini.com/page/php-upload-file.htm 在PHP程序开发中,文件上传是一个使用非常普遍的功能,也是PHP程序员的必备技能之一.值得高兴的是,在P ...
SpringMVC 单文件上传与多文件上传
一.简述一个javaWeb项目中,文件上传功能几乎是必不可少的,本人在项目开发中也时常会遇到,以前也没怎么去理它,今天有空学习了一下这方面的知识,于是便将本人学到的SpringMVC中单文件与多文件 ...
springboot文件上传下载实战 ——文件上传、下载、在线打开、删除
springboot文件上传下载实战文件上传文件上传核心 UserFileController 文件上传测试文件下载与在线打开文件下载.在线打开核心 UserFileController 文件 ...

清空文件上传文本框文件

清空文件上传文本框文件相关推荐

最新文章

热门文章