通过JS实现上传图片的功能

最新推荐文章于 2024-08-29 21:19:22 发布

JAVAZHICHIZHE

最新推荐文章于 2024-08-29 21:19:22 发布

阅读量3.9k

点赞数

CC 4.0 BY-SA版权

文章标签： button function input 扩展 file 测试

本文链接：https://blog.youkuaiyun.com/JAVAZHICHIZHE/article/details/6467460

本文介绍了一种前端实现图片上传的方法，并展示了如何通过JavaScript进行图片格式验证及预览效果的实现。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

刚刚在项目中遇到要上传产品图片的问题，研究一下写了一个测试通过，以下是我的源代码：

<script type="text/javascript">
      function getFilePic(){
         form_add.picture1.src = form_add.pic.value;
         var stxt;
         stxt = form_add.pic.value.substring(form_add.pic.value.lastIndexOf(".")
         +1,form_add.pic.length); //取出文件的扩展名

         stxt = stxt.toUpperCase();
         switch(stxt){
            case "GIF":
            alert("你上传的是GIF图片");
            break;

            case "JPG":
            alert("你上传的是JPG图片");
            break;

             case "BMP":
            alert("你上传的是BMP图片");
            break;

            default:
            alert("你输入的图片格式必须为jpg,bmp,gif!");
            break;

         }
      }
   </script>