Ajax 和一般处理程序实现图片的上传：示例（HTML5）

最新推荐文章于 2021-08-05 19:11:34 发布

L＆wy

最新推荐文章于 2021-08-05 19:11:34 发布

阅读量479

点赞数

分类专栏： EF模型 Ajax Web 文章标签： ajax

本文链接：https://blog.csdn.net/weixin_44719554/article/details/105440617

版权

本文展示了如何利用Ajax和HTML5实现图片上传功能，通过项目结构中的一般处理程序(Handler.ashx)配合Ajax前端代码，实现无刷新的图片上传。

摘要由CSDN通过智能技术生成

Ajax 和一般处理程序实现图片的上传：示例（HTML5）

项目结构
在这里插入图片描述
Index.html

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>上传图片并添加到数据库</title>
</head>
<body>
    <input id="File1" type="file" placeholder="请选择商品图片" />
    描述 <input id="Text1" type="text"  />
    <!--<label for="File1">自定义上传按钮</label>-->
    <br /> <br /> <br />
    <button  onclick="insert()">保存</button>
    <!--上传图片-->
    <script type="text/javascript">
        //获取ajax对象
        var xml;
        function createajax() {
   
            xml = new XMLHttpRequest();
        }
        //获取上传控件
        var flie = document.getElementById("File1");
        //上传成功回调
        function uploadComplete(evt) {
   
            var Text1 = document.getElemen

最低0.47元/天解锁文章

L＆wy

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Ajax 和一般处理程序实现图片的上传：示例（HTML5）

Ajax 和一般处理程序实现图片的上传：  示例（HTML5）项目结构Index.html<!DOCTYPE html><html><head> <meta charset="utf-8" /> <title>上传图片并添加到数据库</title></head>&lt...
复制链接

扫一扫