博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
图片提交按钮各浏览器不兼容问题
阅读量:7072 次
发布时间:2019-06-28

本文共 1209 字,大约阅读时间需要 4 分钟。

//----------------------------------------------javascript----------------------------

<script type="text/javascript">

function preview(fileObj) {

        if (fileObj.files && fileObj.files[0]) {
            var lastIndex = fileObj.files[0].name.lastIndexOf(".");
            var ext = fileObj.files[0].name.substring(lastIndex);
            /* var allowExt=".jpg|.jpeg"; //全部图片格式类型
            if(allowExt.indexOf(ext) < 0) {
                alert("上传照片格式错误!");
                return;
            } */
            if(fileObj.files[0].size/(1024*1024) > 100) {
                alert("上传附件必须小于100m!");
                return;
            }
            document.getElementById('t1').value = fileObj.value;
            /* var reader = new FileReader();
            reader.onload = function(e) {
                $('#previewImg').attr('src', e.target.result);
            };
            reader.readAsDataURL(fileObj.files[0]); */
        }
    }

})

</script>

 

 

 

//----------------------------------------------------------jsp------------------------------------

<tr style="text-align:center;">

    <th class="thbg">信访原件上传:</th>
    <td colspan="1" style="text-align: left; ">
    <div style="height:0px; overflow:hidden; width:0;">
    <input type="file" name="uploadFile"  id="uploadFile" οnchange="preview(this)"   />
    </div>
    <input type="text"  id="t1"/><input type="button" style="height:24px; " οnclick="document.getElementById('uploadFile').click();"  value="浏览"/>
    </td>
</tr>

转载地址:http://kwkml.baihongyu.com/

你可能感兴趣的文章
统计数据库大小的方法
查看>>
PHP递归遍历文件夹
查看>>
mysql 创建日期列之timestamp
查看>>
用户系列之五:用户SID查看之终结版
查看>>
ubuntu 11.10下载和编译Android源码
查看>>
千兆级LTE的一小步,5G之路的一大步
查看>>
跟我一起写 Makefile(一)
查看>>
管理日志-原创理论工具--技能方格图
查看>>
MPLS TE第一步:创建基本TE隧道
查看>>
windows中禁止U盘写入
查看>>
Bash技巧总结
查看>>
在窗体中添加标签Label、Icon图标
查看>>
Perl脚本学习笔记(一)
查看>>
基于BIND实现DNS的解析、主从、子域、请求转发、访问控制
查看>>
Oracle Number用法
查看>>
nat
查看>>
基于Cisco技术的MPLS原理以及应用实现[一]
查看>>
iPhone/Mac Objective-C内存管理原理
查看>>
极速理解设计模式系列:14.轻量级模式(Flyweight Pattern)
查看>>
Resin HTTPS 安装指南
查看>>