使用接口艾维 净核心上传图片的方法示例
我们直接进入主题,使用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/模板操作:就是美国石油学会(美国石油协会)的地址
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。
版权声明:使用接口艾维 净核心上传图片的方法示例是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。