我们直接进入主题，使用VS2017开发工具

首先要创建一个WebApi项目，创建完之后，在网站根目录文件下，创建一个文件夹名字可以随意起我这里呢就叫做上传了

好的。然后我们再创建一个控制器索引控制器代码如下

要知道上传图片都是通过超文本传送协议去请求，服务端从请求中读取

公共类PicData {公共字符串Msg { get设置；} }[httpset]public async Taskbool insert picture([FromSerVices]IHostingEnvironment environment environment){ var data=new PicData()；字符串路径=字符串。空的；变量文件=请求。表单。文件；if (files==null || files .Count()=0) {数据.Msg='请选择上传的文件。';返回false} //格式限制var allowType=new string[]{ ' image/jpg '，' image/png '，' image/JPEG ' }；如果(文件任何(c=允许类型).包含(c.ContentType))) { if(文件总和(c=c . Length)=1024 * 1024 * 4){ foreach(文件中的定义变量文件){字符串strpath=路径.组合('上传，日期时间。现在。ToString('MMddHHmmss ')文件. FIlename)；路径=路径。结合（环境. WebRootPath，strpath)；使用(var stream=新的FileStream(路径，文件模式.打开或创建，文件访问.read write)){ 0等待文件复制同步(流);} }数据Msg='上传成功；返回真；} else { data .Msg='图片过大；返回false} } else { data .Msg='图片格式错误；返回false} }注意一下这段代码

字符串strpath=路径。组合('上传，日期时间。现在。ToString('MMddHHmmss ')文件. FIlename)；在网站根目录下创建的文件夹，要将上传替换成你的文件夹名称

然后这还没有完，还要做跨域，要在Startup.cs文件中去改

public void ConfigureServices(IServiceCollection services){ services .AddMvc()；服务AddCors(options={ options .添加策略(“”呵呵，p=p . allow method()//允许任何方法获取、发布、放入、删除、选项allow header()//允许任何请求头allow origin()//允许任何地址);});}配置服务方法，然后还有安装使成形方法

公共空配置(IApplicationBuilder应用程序，IHostingEnvironment env) { app .UseStaticFiles()；应用程序.UseCors(')呵呵');if (env .IsDevelopment()) { app .usedeveloper异常页()；}应用程序.UseMvc()；}好的完成了，

然后我们就要去创建某视频剪辑软件项目了，

使用新公共管理创建某视频剪辑软件项目，vue init webpack文件我们跳过创建过程

使用新公共管理引用接口然后在某视频剪辑软件项目中的main.js中引用

从“iView”导入iView导入“iview/dist/style/iview。CSS”；从" iview/dist/locale/en-US "导入区域设置；Vue.use(iView，{ locale })；好吧，然后我们就在app.vue里面写代码

模板div id='app '上传操作=' http://localhost :53688/API/Index '按钮图标=' IOs-cloud-上传-大纲'上传文件/按钮/上传/div/模板操作：就是美国石油学会(美国石油协会)的地址

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。