管理后台上传的图片或文件可能也需要在 Api 项目能够访问,考虑到文件的统一管理,后台的文件默认 是上传到 Api 项目里的。

Web 项目里的配置文件 appsetting.json 中的 ApiSite 节点就是配置管理后台使用的 Api 地址,所以如果管理后台和 Api 不在一个域名下,就涉及到跨域上传。当然,Api 项目通过配置是 支持跨域请求的, 在 Api 项目的配置文件 appsetting.json 中的 AllowCorsSite 节点就是配置允许的 跨域站点来请求 Api。

1.前端上传图片

function uploadThumbImage(file, callback) {var formdata = new FormData();formdata.append("fileList", file);ys.ajaxUploadFile({url: '@GlobalContext.SystemConfig.ApiSite' + '/File/UploadFile?fileModule=@UploadFileType.News.ParseToInt()',data: formdata,success: function (obj) {if (obj.Tag == 1) {if (callback) {callback('@GlobalContext.SystemConfig.ApiSite' + obj.Data);}}else {ys.msgError(obj.Message);}}})}

完成代码,可以参考 方法 uploadThumbImage 的参数file 就是 控件的属性files 数组的值。

$("#thumbImage").imageUpload({ uploadImage: 'uploadThumbImage', limit: 1, context: ctx });

2. 后端上传处理

上面代码里 url 中的/File/UploadFile 就是后端处理上传的 Controller,代码如下,参数 fileModule 表示上传到哪个模块,就是按模块存放文件。

        [HttpPost]public async Task<TData<string>> UploadFile(int fileModule, IFormCollection fileList){TData<string> obj = await FileHelper.UploadFile(fileModule, fileList.Files);return obj;}

Asp.Net Core文件或图片上传相关推荐

  1. Asp.Net Core Web Api图片上传及MongoDB存储实例教程(一)

    图片或者文件上传相信大家在开发中应该都会用到吧,有的时候还要对图片生成缩略图.那么如何在Asp.Net Core Web Api实现图片上传存储以及生成缩略图呢?今天我就使用MongoDB作为图片存储 ...

  2. Asp.Net Core Web Api图片上传(一)集成MongoDB存储实例教程

    Asp.Net Core Web Api图片上传(一)集成MongoDB存储实例教程 原文:Asp.Net Core Web Api图片上传(一)集成MongoDB存储实例教程 Asp.Net Cor ...

  3. Swift中文件和图片上传处理

    前言:基于Alamofire4.5网络框架开发的Swift项目中上传文件和图片代码参考. 上传文件 extension HttpRequestService {typealias UploadDone ...

  4. 链接ftp,把文件或图片上传到ftp指定的文件夹中

    /******************************************************************** *  * * Filename : .java * Auth ...

  5. ASP.NET MVC +Layui 实现图片上传功能

    ASP.NET MVC +Layui 实现图片上传功能 这是一个前端的添加功能 只展示图片添加的前端代码 <div class="layui-upload"> < ...

  6. ASP.Net Core创建MVC项目上传文件(缓冲方式)

      学习了普通webapp中上传文件,再看看从MVC项目中通过缓冲方式上传文件到物理文件夹.这两者的区别主要是webapp通过模型绑定的方式传递IFormFile对象,而mvc通过控制器和action ...

  7. asp.net 2中的图片上传

    BETA 2出来了,暂时还没得到,因此还是用BETA 1研究.在asp.net 2中,如何实现图片的上传展示呢?下面,我用GRIDVIEW搭配文件上传功能进行实现(而实现文件上传的原理大致一样).在A ...

  8. asp.net core在linux进行上传视频ffmpeg截图

    项目要求,视频要提供一张截图.在linux使用ffmpeg,没有window方便可以直接用exe文件:因为我们使用的操作系统是centos7.0+ ,必须先安装; 1.在centos上安装FFMPEG ...

  9. java 存储png文件_vue图片上传及java存储图片(亲测可用)

    1.前言 在使用elementui的upload组件时,我一直无法做到上传的图片和其他数据一起提交.单纯的上传文件,java的存储图片的方式也有局限性. 我知道的后端保存图片有两种方式:一种是直接存储 ...

最新文章

  1. 面试官:Java反射是什么?我回答不上来!
  2. Unit24 What's on TV tonight?
  3. Centos7.5 VMtools的安装与卸载
  4. wordpress蓝色简洁中文杂志主题wordpress模板
  5. Git的下载与安装(详细)
  6. AFNetWorking 之 网络请求的基本知识
  7. Python学习笔记_Day3_字典
  8. MybatisPlus自定义sql分页查询
  9. 机器学习十大算法简介
  10. 按键精灵_汉字转拼音
  11. 玩转5G之--网络布线2 详细解说
  12. D盘下的 msdia80.dll 怎么处理?
  13. 动词变名词的变化规则_高中英语动词变名词的变化规则
  14. 京东青龙上车教程保姆级别讲解为什么上车以及详细开活动教程
  15. 域名转换为IP地址示例
  16. Colmap论文——《Structure-from-Motion Revisited》论文阅读笔记
  17. JQuery插件:遮罩+数据加载中。。。(特点:遮你想遮,罩你想罩)
  18. java — 多线程设计模式
  19. CSP2020-J1-真题解析-完善程序
  20. 电源纹波几种专业的测量方法(一)

热门文章

  1. 动态DNS的好处、工作原理、类型以及安全性如何
  2. 【DNS解析】使用DNSPOD实现动态公网解析(DDNS)
  3. 学习记录562@公钥密码体系基本概念
  4. Vue二级目录部署多环境打包部署(二)
  5. 目标检测算法R-CNN简介
  6. jQuery的ajax封装函数
  7. not a valid SHA1
  8. antd pro mysql_antd pro 路由
  9. 常用音频接口:TDM,PDM,I2S,PCM
  10. [翻译]-WinCE 程序设计 (3rd 版)--2.3 位图