zoukankan html css js c++ java

Asp.Net 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>

查看全文

相关阅读:
再谈树形dp
洛谷 P3627 [APIO2009]抢掠计划
 树状数组
 树形dp 入门
 洛谷P2014 选课
 洛谷P2015 二叉苹果树
 9 vue.js 被观察数组的变异方法
 8 vue的v-model指令学习
 7vue-事件修饰符
 6.vue事件绑定-click

原文地址：https://www.cnblogs.com/superfeeling/p/11543530.html