/// <summary>
/// 上傳圖片(base64)
/// </summary>
/// <param name="base64"></param>
/// <param name="filePath">
///該參數爲web.config文件中配置鍵值,也可以直接用地址替換
<appSettings>
<add key="Images" value="D:\wwwroot\\upload" />
</appSettings>
///</param>
public static string SaveImg(string base64, string filePath)
{
string base64Data = base64.Split(',')[1];
byte[] bt = Convert.FromBase64String(base64Data);//獲取圖片base64
string fileName = Guid.NewGuid() + ".jpg";//這裏默認保存jpg格式,可自行判斷處理
string path = System.Configuration.ConfigurationManager.AppSettings[filePath].ToString();
if (!Directory.Exists(path))
{
System.IO.Directory.CreateDirectory(path);
}
string ImageFilePath = path + "\\" + fileName;
File.WriteAllBytes(ImageFilePath, bt); //保存圖片到服務器,然後獲取路徑
return fileName;
}
//js部分
function uploadFile() {
var base64 = '';
var file = $("#pic").get(0).files[0];
var reader = new FileReader();
reader.readAsDataURL(file);
reader.onload = function(e) {
base64 = this.result;
if (!base64) {
alert("沒獲取到圖片信息,請重新嘗試")
return;
}
$.ajax({
type: "POST",
url: "http://192.168.2.60:8080/api/News/UploadImg",
data: {
"": base64,
},
success: function(data) {
alert(data);
},
error: function(XMLHttpRequest, textStatus, errorThrown) {
console.log(XMLHttpRequest.status);
console.log(XMLHttpRequest.readyState);
console.log(textStatus);
}
});
}
}