ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

用jQuery实现文件上传的方法

2022-05-19 17:33:26  阅读:553  来源: 互联网

标签:jQuery 文件 string System filename context using 上传


1、利用FormData实现文件上传

<input type="file" id="avatar" name="avatar">
<button type="button">保存</button>
('button').click(function(){
 var files = $('#avatar').prop('files'); //多个
 //或者
 var files = $('#avatar')[0].files[0] //单个
 
 var data = new FormData();
 data.append('avatar', files[0]);
 
 $.ajax({
  url: '/api/upload',
  type: 'POST',
  data: data,
  cache: false,
  processData: false,
  contentType: false
 });
});

2、一般处理程序上传文件

using System;
using System.Collections.Generic;
using System.Drawing;
using System.IO;
using System.Linq;
using System.Web;
using Newtonsoft.Json;

namespace CCOA.App.common.api
{
    /// <summary>
    /// CommUploadFile 的摘要说明
    /// </summary>
    public class CommUploadFile : IHttpHandler
    {

        public void ProcessRequest(HttpContext context)
        {
            context.Response.ContentType = "text/plain";
            try {
            HttpPostedFile file = context.Request.Files["file1"];
            //是否上传文件
            if (file.ContentLength <= 0) //文件大小
            {
                //请选择要上传的文件
                context.Response.Write("");
                return;
            }

            //上传文件大小检测
            if (file.ContentLength > 1024 * 1024*5)
            {
                //上传文件大小不能超过5M
                context.Response.Write("");
                return;
            }

            //上传文件后缀名检测
            string filename = file.FileName; //文件绝对地址
            string suffix = Path.GetExtension(filename); //截取后缀
            //if (suffix != ".jpg" & suffix != ".jpeg")
            //{
            //    context.Response.Write("只允许上传jpg文件");
            //    return;
            //}

            #region 保存文件
            //重命名:GUID(全球唯一标识符)推荐!!!
            filename = string.Format("{0}{1}", Guid.NewGuid().ToString("N"), suffix);

            //创建目录
            string dirFullPath = context.Server.MapPath("~/UploadFile/");

            //如果文件夹不存在,则先创建文件夹
            if (!Directory.Exists(dirFullPath))
            {
                Directory.CreateDirectory(dirFullPath);
            }

            //将两个字符组合成一个路径
            string fileFullPath = Path.Combine(dirFullPath, filename);
            //保存文件
            file.SaveAs(fileFullPath);

            string clientFilePath = "/CCOA/UploadFile/" + filename;
            context.Response.Write(clientFilePath);
            }
            catch (Exception ex)
            {
                context.Response.Write("");
            }
            #endregion
        }

        public bool IsReusable
        {
            get
            {
                return false;
            }
        }
    }
}

 

标签:jQuery,文件,string,System,filename,context,using,上传
来源: https://www.cnblogs.com/gzb1/p/16289387.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有