Telerik剑道ui图纸导出PDF发送到服务器
Telerik kendo ui drawing exportPDF send to server
我使用来自kendo ui(此处)的绘图功能
并且它可以很好地为用户导出PDF
但我想用AJAX将PDF提交回服务器。
我为什么要它?我想允许客户从我的服务器发送一封带有PDF的电子邮件
这里是向服务器发送请求的代码:
kendo.drawing.drawDOM($("#statement-print-area"))
.then(function (group) {
// Render the result as a PDF file
return kendo.drawing.exportPDF(group, {
paperSize: "auto",
margin: { left: "1cm", top: "1cm", right: "1cm", bottom: "1cm" }
});
})
.done(function (data) {
$.ajax({
type: "POST",
url: "/Customer/EmailStatement",
processData: false, // tell jQuery not to process the data
contentType: false, // tell jQuery not to set contentType
data: '{ "docData" : "' + data + '" ,"email": "' + vm.sendEmailTo + '"}',
contentType: 'application/json; charset=utf-8',
dataType: 'json',
}).done(handleResponseInfo).fail(ajaxError);
});
这是服务器端的代码(asp.net MVC)
docData = docData.Replace("data:application/pdf;base64,", "");
byte[] bytes = Convert.FromBase64String(docData);
Stream stream = new MemoryStream(bytes);
new Attachment(stream, "Customer statement.pdf", "application/pdf")
message.Attachments.Add(attachment);
这里是另一个例子:
<script>
$(function () {
$("#button0PDF").kendoButton();
var button = $("#button0PDF").data("kendoButton");
button.bind("click", function (e) {
kendo.drawing.drawDOM("#divId", {
forcePageBreak: ".page-break",
//template: $("#page-template").html()
})
.then(function (group) {
// Render the result as a PDF file
return kendo.drawing.exportPDF(group, {
landscape: false
});
})
.done(function (data) {
// Save the PDF file
kendo.saveAs({
dataURI: data,
fileName: "fileName.pdf",
proxyURL: "/API/Main/Post",
});
});
});
});
</script>
而服务器端部分:
public HttpResponseMessage Post([FromBody]FileData file)
{
var data = Convert.FromBase64String(file.Base64);
var result = new HttpResponseMessage(HttpStatusCode.OK)
{
Content = new StreamContent(new MemoryStream(data))
};
result.Content.Headers.ContentType = new MediaTypeHeaderValue(file.ContentType);
result.Content.Headers.ContentDisposition = new ContentDispositionHeaderValue("attachment")
{
FileName = file.FileName
};
return result;
}
相关文章:
- Telerik剑道ui图纸导出PDF发送到服务器
- 使用节点生成PDF服务器端
- 谷歌驱动器pdf没有正确上传到s3服务器
- jQuery:通过ajax将pdf发送到服务器
- PDF.js:从另一台服务器读取文件
- 如何将 html 页面的一部分保存到客户端 (javascript) 或服务器端 asp.net 的图像或 pdf
- 如何生成以 PDF 形式在服务器上运行的页面
- 在 pdf.js 库中,哪个文件调用 read_pdf 函数将 pdf 的数据从服务器端获取到客户端
- 将网页转换为PDF并将其保存在服务器中 - JS或PHP
- 在向网络服务器提交 pdf 时发送 HTTP Basic-Auth 标头信息
- 将服务器端生成的 PDF 发送到浏览器
- jQuery print iframe pdf 适用于本地主机,但不适用于服务器
- 服务器生成了带有长帖子内容的 PDF angularjs
- 浏览器请求文件,服务器下载 pdf,浏览器在 iframe 中显示 pdf
- 将PDF文件从Node.js服务器保存到PhoneGap应用程序
- 如何通过ajax调用将pdf下载到nodejs服务器
- 我们可以将AngularJS客户端的PDF文件发送到NodeJS服务器吗
- 将画布数据URL导出为PDF--如何?DataURL太长,无法传递到服务器
- 在IE中部署到不同服务器时,PDF.js不起作用
- 从服务器下载PDF到客户端机器