아래와 같이 하면 이미지파일로 떨어진다.
mycallback 에서 파일정보를 얻을수 있다.
function makeBlob() {
var blob = myDiagram.makeImageData({
background: "white"
, returnType: "blob"
, scale: 1
, callback: myCallback
});
//
}파일 서버로 보내기
// When the blob is complete, make an anchor tag for it and use the tag to initiate a download
// Works in:
// * Chrome
// * IE11, Edge
// * Firefox
function myCallback(blob) {
//서버로 전송
$.ajax({
type: "POST",
url: "/api/diagramUpload/100",
data: blob,
processData: false,
contentType: false,
success: function (data) {
alert('저장성공');
},
error: function (message) {
alert(message);
}
});
return;
//여기서 부터는 파일을 웹브라우저에서 바로 다운받는다.
var url = window.URL.createObjectURL(blob);
var filename = "pbot.png";
var a = document.createElement("a");
a.style = "display: none";
a.href = url;
a.download = filename;
// IE 11
if (window.navigator.msSaveBlob !== undefined) {
window.navigator.msSaveBlob(blob, filename);
return;
}
document.body.appendChild(a);
requestAnimationFrame(function () {
a.click();
window.URL.revokeObjectURL(url);
document.body.removeChild(a);
});
}ASP.NET API 에서 파일을 다운로드 하는방법
/// <summary> 프로젝트 파일을 저장 합니다.</summary>
/// <returns></returns>
[System.Web.Http.Route("api/diagramUpload/{projectId}")]
[System.Web.Http.HttpPost]
public Task diagramUploadAsync(int projectId)
{
string root = System.Web.HttpContext.Current.Server.MapPath("~/ProjectImages");
HttpRequestMessage request = this.Request;
var content = request.Content;
FileStream fileStream = null;
string pathname = string.Format(@"{0}\{1}.png", root, projectId);
try
{
fileStream = new FileStream(pathname, FileMode.Create, FileAccess.Write, FileShare.None);
return content.CopyToAsync(fileStream).ContinueWith(
(copyTask) =>
{
fileStream.Close();
});
}
catch
{
if (fileStream != null)
{
fileStream.Close();
}
throw;
}
}
끝
'JQuery' 카테고리의 다른 글
| Jquery dialog , Confirm callBack 받기 (0) | 2019.07.29 |
|---|---|
| JQuery Post 전송방법 (0) | 2011.10.27 |
| jQuery Treeview (0) | 2011.09.08 |
| [checkbox 전체선택 /선택해제] (0) | 2011.07.12 |
| [jquery / Raido Box /select Box ] 라디오 박스 /셀렉트 박스 선택확인 (0) | 2011.02.07 |
| [JQuery Ajax] 초간단 아작스 아이디 검사 (0) | 2011.01.22 |
| Jquery Onload / #개체찾기 (0) | 2010.10.04 |
| 한꺼번에 또는 특정영역에만 있는 체크박스 선택하기 (0) | 2009.12.11 |
| jQuery 간단한 설명 (0) | 2009.05.08 |
