前端图片文件上传到服务器

最新推荐文章于 2024-07-09 14:44:28 发布

Anticlimax丶

最新推荐文章于 2024-07-09 14:44:28 发布

阅读量9.7k

点赞数

分类专栏： C# 文章标签：图片转成byte byte保存成图片 C#图片上传到服务器 form表单上传图片

本文链接：https://blog.csdn.net/z5976749/article/details/49384231

版权

这篇博客介绍了如何利用FormData实现前端图片上传到服务器，包括JavaScript代码示例和后台处理方式。同时，还提到了将图片转换为byte[]以及通过Form表单提交图片的方法，强调了form标签设置enctype属性的重要性。

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

以前ajax不能上传图片现在有了formdata可以直接ajax上传

代码:

    <form action="DinoVoteHelper.ashx?action=upload" enctype="multipart/form-data" method="post" id="form" target="if">
                    <input style="display: none" id="sfzzm" type="file" name="file1" onchange="javascript:showpic(this,'sfzzmImg');" accept="image/*">
</form>
    <iframe id="if" name="if" style="display:none"></iframe>

js:

        //上传数据
        var formData = new FormData($("#form")[0]);
        $.ajax({
            url: 'DinoVoteHelper.ashx?action=upload',
            type: 'POST',
            data: formData,
            async: false,
            cache: false,
            contentType: false,
            processData: false,
            success: function (returndata) {
                debugger
                alert(returndata);
            },
            error: function (returndata) {
                alert(returndata);
            }
        });

后台:

 if (context.Request.Files.Count > 0)
                {
                    string filename = context.Request.Files[0].FileName;//获取文件名 
                    string[] temp = filename.Split('.');//获取文件后缀 
                    string path = "photo/DinoVote/" + my_model.id + "_" + DateTime.Now.ToString("MMddHHmmss") +"."+ temp[1];
                    string strPath = Path.Combine(basePath, path);
                    context.Request.Files[0].SaveAs(strPath);

                    hd_arti