webapi

using System;

using System.Collections;

using System.Collections.Generic;

using System.Diagnostics;

using System.Globalization;

using System.IO;

using System.Net;

using System.Net.Http;

using System.Net.Http.Headers;

using System.Threading.Tasks;

using System.Web;

using System.Web.Http;

namespace cms.Web.API

{

    public class CeshiController : ApiController

    {

        public async Task<IHttpActionResult> PostUpload()

        {

            //检查是否是 multipart/form-data

            if (!Request.Content.IsMimeMultipartContent())

            {

                throw new HttpResponseException(HttpStatusCode.UnsupportedMediaType);

            }

            //设置上传目录

            string root = HttpContext.Current.Server.MapPath("~/upload");

            var provider = new MultipartFormDataStreamProvider(root);

            try

            {

                //读取form data.

                await Request.Content.ReadAsMultipartAsync(provider);

                string urlPic = string.Empty;

                foreach (var file in provider.FileData)

                {

                    //这里获取含有双引号'" '

                    string filename = file.Headers.ContentDisposition.FileName.Trim('"');

                    //获取对应文件后缀名

                    string fileExt = filename.Substring(filename.LastIndexOf('.'));

                    FileInfo fileinfo = new FileInfo(file.LocalFileName);

                    //fileinfo.Name 上传后的文件路径 此处不含后缀名

                    //修改文件名 添加后缀名

                    string fname = DateTime.Now.ToString("yyyyMMddHHmmss_ffff", DateTimeFormatInfo.InvariantInfo);

                    //string newFilename = fileinfo.Name + fileExt;默认文件名guid生成

                    string newFilename = fname + fileExt;

                    //最后保存文件路径

                    string saveUrl = Path.Combine(root, newFilename);

                    fileinfo.MoveTo(saveUrl);

                    urlPic += "/upload/" + newFilename;

                }

                // 获取表单 key-value.

                //foreach (var key in provider.FormData.AllKeys)

                //{

                //    foreach (var val in provider.FormData.GetValues(key))

                //    {

                //        str+=string.Format("{0}: {1}", key, val);

                //    }

                //}

                if (!string.IsNullOrEmpty(urlPic))

                {

                    dynamic data = new { status = true, url = urlPic };

                    return Json<dynamic>(data);

                }

                else {

                    dynamic data = new { status = false, message = "上传失败" };

                    return Json<dynamic>(data);

                }

            }

            catch

            {

                dynamic data = new { status = false, message = "上传失败" };

                return Json<dynamic>(data);

            }

        }

    }

}

html

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <title>webapi上传图片</title>

    <script type="text/javascript" src="Scripts/jquery-1.8.2.js"></script>

</head>

<body>

    <h2>webapi create</h2>

    <div>

        <form name="form1" method="post" enctype="multipart/form-data" action="api/ceshi/PostUpload">

            <div>

                <label for="caption">name</label>

                <input name="name" type="text" />

            </div>

            <div>

                <label for="image1">Image</label>

                <input type="file" name="photo" id="photo" />

            </div>

            <div>

                <input type="button" value="ajax upload" id="btnUpload" />

            </div>

            <div>

                <img id="phptoPic" width="200" />

            </div>

        </form>

    </div>

    <script type="text/javascript">

        $(function () {

            $("#btnUpload").click(function () {

                var formData = new FormData();

                formData.append("photo", $("#photo")[0].files[0]);

                formData.append("service", 'App.Passion.UploadFile');

                formData.append("token", "123");

                $.ajax({

                    url: 'api/ceshi/PostUpload',

                    type: 'post',

                    data: formData,

                    contentType: false,

                    processData: false,

                    success: function (res) {

                        //console.log(res);

                        if (res.status) {

                            $("#phptoPic").attr("src", res.url)

                        } else {

                            alert(res.message)

                        }

                    }

                })

            })

        })

    </script>

</body>

</html>

webapi下载文件教程：https://www.cnblogs.com/webapi/p/10540916.html

Asp.Net WebApi上传图片的更多相关文章

  1. ASP.net WebAPI 上传图片

    [HttpPost] public Task<Hashtable> ImgUpload() { // 检查是否是 multipart/form-data if (!Request.Cont ...

  2. kindeditor修改图片上传路径-使用webapi上传图片到图片服务器

    kindeditor是一个非常好用的富文本编辑器,它的简单使用我就不再介绍了. 在这里我着重介绍一些使用kindeditor修改图片上传路径并通过webapi上传图片到图片服务器的方案. 因为我使用的 ...

  3. kindeditor扩展粘贴图片功能&修改图片上传路径并通过webapi上传图片到图片服务器

    前言 kindeditor是一个非常好用的富文本编辑器,它的简单使用我就不再介绍了. 而kindeditor却对图片的处理不够理想. 本篇博文需要解决的问题有两个: kindeditor扩展粘贴图片功 ...

  4. kindeditor扩展粘贴截图功能&修改图片上传路径并通过webapi上传图片到图片服务器

    前言 kindeditor是一个非常好用的富文本编辑器,它的简单使用我就不再介绍了. 而kindeditor却对图片的处理不够理想. 本篇博文需要解决的问题有两个: kindeditor扩展粘贴图片功 ...

  5. ajax C# webapi上传图片

    html ajax上传图片到服务器 后端采用asp.net webapi 前端有各种现实上传图片的控件,样式可以做的很美观.我这里只用基本的样式做图片上传. 前端代码 <input name=& ...

  6. Asp.Net WebApi核心对象解析（下篇）

    在接着写Asp.Net WebApi核心对象解析(下篇)之前,还是一如既往的扯扯淡,元旦刚过,整个人还是处于晕的状态,一大早就来处理系统BUG,简直是坑爹(好在没让我元旦赶过来该BUG),队友挖的坑, ...

  7. ASP.NET WebApi OWIN 实现 OAuth 2.0

    OAuth(开放授权)是一个开放标准,允许用户让第三方应用访问该用户在某一网站上存储的私密的资源(如照片,视频,联系人列表),而无需将用户名和密码提供给第三方应用. OAuth 允许用户提供一个令牌, ...

  8. Asp.Net WebApi核心对象解析（上篇）

    生活需要自己慢慢去体验和思考,对于知识也是如此.匆匆忙忙的生活,让人不知道自己一天到晚都在干些什么,似乎每天都在忙,但又好似不知道自己到底在忙些什么.不过也无所谓,只要我们知道最后想要什么就行.不管怎 ...

  9. ASP.NET WebApi 文档Swagger深度优化

    本文版权归博客园和作者吴双本人共同所有,转载和爬虫请注明博客园蜗牛原文地址,cnblogs.com/tdws   写在前面 请原谅我这个标题党,写到了第100篇随笔,说是深度优化,其实也并没有什么深度 ...

随机推荐

  1. linux学习笔记 其他常用命令

    cd + 回车  = cd ~ 进入当前用户主目录 查看指定进程信息 *ps -ef |grep 进程名 *ps -查看属于自己的进程 *ps -aux 查看所有的用户的执行进程 换成    ps - ...

  2. asp.net core下的如何给网站做安全设置

    首先,我们来看下stack overflow网站的请求头文件: 可以看到一些我们熟悉或是陌生的HTTP头部文件字段.在这里我们在对HTTP输入流的头部文件中,做一些基本的防护.首先要明确,既然我们是对 ...

  3. SQL Server中变量的声明和使用方法

    网址:http://blog.sina.com.cn/s/blog_63d0c97a0100qpy7.html 声明局部变量语法: DECLARE @variable_name DataType 其中 ...

  4. （转）JavaWeb学习之Servlet（三）----Servlet的映射匹配问题、线程安全问题

    [声明] 欢迎转载,但请保留文章原始出处→_→ 文章来源:http://www.cnblogs.com/smyhvae/p/4140529.html 一.Servlet映射匹配问题: 在第一篇文章中的 ...

  5. ironic-inspector硬件信息收集

    主机上报 ironic-inspector流程会在小系统里收集裸机的硬件信息,然后上报到ironic-conductor. 其中收集硬件信息主要使用hwinfo和lshw命令.Centos可以使用如下 ...

  6. Java 关键字 static

    关键字static作用如下: 1. 为某个基本数据类型或对象分配单一的存储空间. 2. 实现某个属性或方法与类关联.在类被加载后类名可以直接调用静态成员方法(下面简称静态方法)或者访问静态成员变量(下 ...

  7. Android 修改应用图标（Android Studio）

    1 res\drawable 放置icon.png(此图片是你需要修改的图标,必须是png文件). 2 修改AndroidManifest.xml: android:icon="@drawa ...

  8. TypeScript语法学习--基本类型

    查看官方文档手册:链接:https://www.tslang.cn/docs/home.html (一)Boolean 最基本的数据类型就是简单的true/false值 The most basic ...

  9. 3ds max学习笔记-- 复合对象运算

    1,ProBoolean(超级布尔) 栗子: 新建一长方体,两个圆柱体,如下: 选择底部长方体,进入[复合对象],修改[操作],单击[拾取操作对象B],点击圆柱: 效果如下,线面较多: 高级布尔效果图 ...

  10. js 操作数组

    数组的增删 数组的尾部插入一个元素 var nums = [0,1,2,3,4]; nums.push(5,6,6); //[0,1,2,3,4,5,6,6] 删除数组尾部的元素 var nums = ...