js+ajax 上传照片（兼容手机端）

Astpiy

于 2020-07-03 16:05:44 发布

阅读量291

点赞数

分类专栏： JavaScript .net 小功能

本文链接：https://blog.youkuaiyun.com/Astpiy/article/details/107107117

版权

本文介绍了如何在HTML5手机端使用JavaScript和AJAX实现图片上传功能。首先引入ajaxfileupload.js库，通过HTML页面设置label属性与上传按钮关联，以美化样式。接着在JavaScript中传递参数到AJAX，最后后端处理图片保存，并通过详细的日志记录，便于在手机端上传时定位错误。注意，AJAX调用需使用Session，别忘了引入相关命名空间。

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

最近做的html5手机端有涉及手机端上传图片

首先页面引用ajaxfileupload.js

https://download.youkuaiyun.com/download/Astpiy/12573379

html页面

<label for="file" style="margin-left:20%;margin-top:5%;">
                        <img src="Admin/images/r1003.jpg" style="border-radius: 50% !important; width: 100%;"/>
                     </label>
                    <input id="file" type="file" style="display: none" name="file" onchange="img()" accept="image/gif,image/jpeg,image/jpg,image/png,image/svg" />

这是有用到 label 的新特性 for 是为了设置上传的样式

然后js传值至ajax

//上传图片 
function img() {
    $.ajaxFileUpload({
        url: "Admin/ashx/Upload.ashx",
        secureuri: false,
        f

最低0.47元/天解锁文章