.NET mvc实现图片上传功能，保存到本地，ftp等地方及获取图片
1.前端实用layui的上传功能
2.后端.net 可以实现上传保存到本地，到ftp,甚至是七牛云，我之前有文章提及到。
3，获取图片，有时我们可能对图片做权限控制，所以会写一个接口获取图片，实现控制图片的作用
获取图片包含从本地获取getImage 从http远程获取 getImageHttp ,从ftp获取getImageFtp
源码链接放在文末
效果图：
获取图片效果图及url 路径 也可以直接浏览器中直接请求查看
项目整体增加的如下
前端代码Image.cshtml
@{
ViewBag.Title = "Image";
}
@section scripts{
}
<link href="~/dist/css/layui.css" rel="stylesheet" />
<style>
.layui-upload-img {
width: 92px;
height: 92px;
}
</style>
<div style="margin-top:200px;">
<div class="layui-upload">
<button type="button" class="layui-btn" id="test1">上传图片</button>
<div class="layui-upload-list">
<img class="layui-upload-img" id="demo1">
<p id="demoText"></p>
</div>
<div style="width: 95px;">
<div class="layui-progress layui-progress-big" lay-showpercent="yes" lay-filter="demo">
<div class="layui-progress-bar" lay-percent=""></div>
</div>
</div>
</div>
<a name="list-progress"> </a>
<div style="margin-top: 10px;">
<!-- 示例-970 -->
<!--
<ins class="adsbygoogle"
style="display:inline-block;width:970px;height:90px"
data-ad-client="ca-pub-6111334333458862"
data-ad-slot="3820120620"></ins>
-->
</div>
</div>
<script src="~/dist/layui.js"></script>
<script>
layui.use(['upload', 'element', 'layer'], function () {
var $ = layui.jquery
, upload = layui.upload
, element = layui.element
, layer = layui.layer;
//常规使用 - 普通图片上传
var uploadInst = upload.render({
elem: '#test1'
, url: '/Home/UpLoad' //此处用的是第三方的 http 请求演示，实际使用时改成您自己的上传接口即可。
, before: function (obj) {
//预读本地文件示例，不支持ie8
obj.preview(function (index, file, result) {
$('#demo1').attr('src', result); //图片链接（base64）
});
element.progress('demo', '0%'); //进度条复位
layer.msg('上传中', { icon: 16, time: 0 });
}
, done: function (res) {
//如果上传失败
if (res.code > 0) {
return layer.msg('上传失败');
}
return layer.msg('上传成功，文件名'+res.fileName);
//上传成功的一些操作
//……
$('#demoText').html(''); //置空上传失败的状态
}
, error: function () {
//演示失败状态，并实现重传
var demoText = $('#demoText');
demoText.html('<span style="color: #FF5722;">上传失败</span> <a class="layui-btn layui-btn-xs demo-reload">重试</a>');
demoText.find('.demo-reload').on('click', function () {
uploadInst.upload();
});
}
//进度条
, progress: function (n, elem, e) {
element.progress('demo', n + '%'); //可配合 layui 进度条元素使用
if (n == 100) {
layer.msg('上传完毕', { icon: 1 });
}
}
});
});
</script>
后端控制器重要代码 展示上传保存的功能
```csharp
public ActionResult UpLoad()
{
// 获得上传请求
var file = Request.Files[0];
// 初始化图片资源
System.IO.Stream MyStream = file.InputStream;
System.Drawing.Image original = System.Drawing.Image.FromStream(MyStream);
String basepath = AppDomain.CurrentDomain.BaseDirectory;
String extenName = Path.GetExtension(file.FileName);
String path = Path.Combine(basepath, "Image");
if (!Directory.Exists(path))
{
Directory.CreateDirectory(path);
}
String imageName=Guid.NewGuid().ToString("N")+extenName;
String savepath= Path.Combine(path, imageName);
// 保存图片到本地
original.Save(savepath);
original.Dispose();
//以下保存到ftp
//MemoryStream ms = new MemoryStream();
//MyStream.CopyTo(ms);
//string ftpurl = "";
//string tagName = "result";
//String url = Path.Combine(ftpurl, imageName);
//FTPHelper ftpHelper = new FTPHelper("ftp：uri", "uername", "password");
//if (!ftpHelper.DirectoryExist(url, tagName))
//{
// ftpHelper.CreateDirectory(ftpurl + tagName);
//}
//if (!ftpHelper.Upload(ms, url))
//{
// return Json(new { code=1, ErrorMessage = string.Format("上传图片失败！") });
//}
//ms.Dispose();
return Json(new { code=0,fileName= imageName });
}
获取图片接口代码
```csharp
public ActionResult GetImageFtp(String imageName)
{
string ftpurl = "";
String url =Path.Combine(ftpurl, imageName);
if (string.IsNullOrEmpty(url)) return new EmptyResult();
using (MemoryStream mStream = new MemoryStream())
{
FtpWebRequest reqFtp;
reqFtp = (FtpWebRequest)FtpWebRequest.Create(new Uri(url));
//登录ftp服务器，ftpName:账户名，ftpPwd:密码
// reqFtp.Credentials = new NetworkCredential(ftpName, ftpPwd);
reqFtp.UseBinary = true; //该值指定文件传输的数据类型。
reqFtp.Method = WebRequestMethods.Ftp.DownloadFile;
FtpWebResponse response = (FtpWebResponse)reqFtp.GetResponse();
Stream ftpStream = response.GetResponseStream();
ftpStream.CopyTo(mStream);
return File(mStream.ToArray(), "image/jpeg"); ;
}
}
public ActionResult GetImageHttp()
{
String url = "https://img1.baidu.com/it/u=413643897,2296924942&fm=253&fmt=auto&app=138&f=JPEG?w=800&h=500";
using (MemoryStream ms = new MemoryStream())
{
int BytesToRead = 100;
if (!string.IsNullOrEmpty(url))
{
WebRequest request = WebRequest.Create(new Uri(url, UriKind.Absolute));
request.Timeout = -1;
WebResponse response = request.GetResponse();
Stream responseStream = response.GetResponseStream();
responseStream.CopyTo(ms);
}
return File(ms.ToArray(), "image/jpeg");
}
}
public ActionResult GetImage(String imagename)
{
String basepath = AppDomain.CurrentDomain.BaseDirectory;
String path = Path.Combine(basepath, "Image", imagename);
FileStream fileStream = new FileStream(path, FileMode.Open, FileAccess.Read);
using (MemoryStream ms = new MemoryStream())
{
fileStream.CopyTo(ms);
return File(ms.ToArray(), "image/jpeg");
}
}
操作ftp的封装类
public class FTPHelper
{
private string ftpUri; //ftp服务器地址
private string ftpName; //ftp帐户
private string ftpPwd; //ftp密码
private FtpWebRequest ftpRequest; //请求
private FtpWebResponse ftpResponse; //响应
public FTPHelper(string uri, string name, string password)
{
this.ftpUri = uri;
this.ftpName = name;
this.ftpPwd = password;
}
/// " );
if (dirPos > 0)
{
/*判断 Windows 风格*/
m += str.Substring(dirPos + 5).Trim() + "\n";
}
else if (str.Trim().Substring(0, 1).ToUpper() == "D")
{
/*判断 Unix 风格*/
string dir = str.Substring(56).Trim();
if (dir != "." && dir != "..")
{
m += dir + "\n";
}
}
}
}
char[] n = new char[] { '\n' };
return m.Split(n);
}
/// 源码下载链接 https://download.csdn.net/download/yu240956419/87712432