分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 前端开发

js ?文件上传

发布时间:2023-09-06 02:24责任编辑:苏小强关键词:js文件上传
<head> ???<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head> ???<body> ???????<img id="tempimg" dynsrc="" src="" style="display:none" value="six" /> ???????<input type="file" name="file" id="fileuploade" size="40" /> ???????<input type="button" name ="check" value="checkfilesize" onclick="checkfile()"/> ???</body> ???<script type="text/javascript"> ???????var maxsize = 2*1024*1024;//2M ???????var errMsg = "上传的附件文件不能超过2M!!!"; ???????var tipMsg = "您的浏览器暂不支持计算上传文件的大小,确保上传文件不要超过2M,建议使用IE、FireFox、Chrome浏览器。"; ???????var ?browserCfg = {}; ???????var ua = window.navigator.userAgent; ???????if (ua.indexOf("MSIE")>=1){ ???????????browserCfg.ie = true; ???????}else if(ua.indexOf("Firefox")>=1){ ???????????browserCfg.firefox = true; ???????}else if(ua.indexOf("Chrome")>=1){ ???????????browserCfg.chrome = true; ???????} ???????function checkfile(){ ???????????try{ ????????????????var obj_file = document.getElementById("fileuploade"); ????????????????if(obj_file.value==""){ ????????????????????alert("请先选择上传文件"); ????????????????????return; ????????????????} ????????????????var filesize = 0; ????????????????if(browserCfg.firefox || browserCfg.chrome ){ ????????????????????filesize = obj_file.files[0].size; ????????????????}else if(browserCfg.ie){ ????????????????????var obj_img = document.getElementById(‘tempimg‘); ????????????????????obj_img.dynsrc=obj_file.value; ????????????????????filesize = obj_img.fileSize; ????????????????}else{ ????????????????????alert(tipMsg); ??????????????????return; ????????????????} ????????????????if(filesize==-1){ ????????????????????alert(tipMsg); ????????????????????return; ????????????????}else if(filesize>maxsize){ ????????????????????alert(errMsg); ????????????????????return; ???????????????}else{ ???????????????????alert("文件大小符合要求"); ????????????????????return; ???????????????} ???????????}catch(e){ ???????????????alert(e); ???????????} ???????} ???</script>

js ?文件上传

原文地址:https://www.cnblogs.com/justSmile2/p/10034058.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved