在很多網(wǎng)站的上傳功能里,都會用到C#和jQuery來上傳圖片。下面我們來看一下怎么做。
首先,在C#里需要引用System.IO和System.Web命名空間,代碼如下:
using System.IO; using System.Web;
然后,我們需要在前端使用jQuery上傳圖片。首先引入jQuery庫:
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
接著,在HTML中添加上傳文件的表單:
<form enctype="multipart/form-data"> <input type="file" name="file" id="file"> <input type="button" value="上傳圖片" id="upload"> </form>
然后,在jQuery中編寫上傳圖片的代碼:
$('#upload').click(function(){ var file = $('#file').get(0).files[0]; var formData = new FormData(); formData.append('file', file); $.ajax({ url: '/Upload/UploadFile', //上傳接口的URL type: 'POST', data: formData, processData: false, contentType: false, success: function(response){ console.log('上傳成功'); }, error: function(){ console.log('上傳失敗'); } }); });
最后,我們在C#里編寫上傳圖片的接口:
[HttpPost] public ActionResult UploadFile(HttpPostedFileBase file) { if (file != null && file.ContentLength >0) { var fileName = Path.GetFileName(file.FileName); var path = Path.Combine(Server.MapPath("~/Uploads"), fileName); file.SaveAs(path); return Json(new { success = true }); } else { return Json(new { success = false }); } }
這樣,我們就完成了C#和jQuery上傳圖片的功能。