我是微软Dynamcis 365 & Power Platform方面的工程师罗勇，也是2015年7月到2018年6月连续三年Dynamics CRM/Business Solutions方面的微软最有价值专家(Microsoft MVP)，欢迎关注我的微信公众号 MSFTDynamics365erLuoYong ，回复342或者20190605可方便获取本文，同时可以在第一间得到我发布的最新博文信息，follow me!
关于Deep Insert请参考我的博文：Dynamics CRM 中Web API中的深度创建(Deep Insert) 我这里不再赘述。
JavaScript的 instanceOfFileReader.readAsDataURL(blob) 方法刚好能将要上传的文件内容读成base64编码，我们知道Dynamics 365 Customer Engagement中的附件存储在数据库中就是base64格式。
我下面直接上代码：
1<!DOCTYPE html> 2<html> 3<head> 4 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 5 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 6 <title>罗勇开发的示例程序</title> 7 <script src="../../../ClientGlobalContext.js.aspx" type="text/javascript"></script> 8 <script type="text/javascript"> 9 function createCaseandNote() { 10 var file = document.querySelector("#img").files[0]; 11 var reader = new FileReader(); 12 if (file) { 13 reader.readAsDataURL(file); 14 } 15 reader.addEventListener("load", function () { 16 console.log(file.name); 17 console.log(file.type); 18 console.log(file.size); 19 console.log(file.lastModifiedDate); 20 console.log(reader.result); 21 var result = reader.result; 22 var base64result = result.substring(result.indexOf(";base64,") + 8); 23 var requestJson = { 24 "title": "罗勇示例Case", 25 "customerid_account@odata.bind": "/accounts(f9fa6e76-ab12-e811-a959-000d3a109495)", 26 "description": "罗勇通过代码一次创建case及其附件的示例", 27 "Incident_Annotation": 28 [ 29 { 30 "subject": file.size.toString(), 31 "notetext": file.lastModifiedDate, 32 "mimetype": file.type, 33 "isdocument": true, 34 "filename": file.name, 35 "documentbody": base64result 36 } 37 ] 38 }; 39 var clientURL = Xrm.Utility.getGlobalContext().getClientUrl(); 40 var req = new XMLHttpRequest() 41 req.open("POST", encodeURI(clientURL + "/api/data/v9.1/incidents", false)); 42 req.setRequestHeader("Accept", "application/json"); 43 req.setRequestHeader("Content-Type", "application/json; charset=utf-8"); 44 req.setRequestHeader("OData-MaxVersion", "4.0"); 45 req.setRequestHeader("OData-Version", "4.0"); 46 req.onreadystatechange = function () { 47 if (this.readyState == 4 /* complete */) { 48 req.onreadystatechange = null; 49 if (this.status == 204) {//204代表成功无返回值 50 var currentAppUrl = Xrm.Utility.getGlobalContext().getCurrentAppUrl(); 51 if (currentAppUrl.indexOf("appid=") <= -1) { 52 currentAppUrl += "/main.aspx?"; 53 } 54 else { 55 currentAppUrl += "&"; 56 } 57 Xrm.Navigation.openUrl(currentAppUrl + "pagetype=entityrecord&etn=incident&id=" + this.getResponseHeader("OData-EntityId").match(/\w{8}-\w{4}-\w{4}-\w{4}-\w{12}/)[0] + "&navbar=off&cmdbar=false"); 58 } 59 else { 60 var error = JSON.parse(this.response).error; 61 alert("错误：" + error.message); 62 } 63 } 64 }; 65 req.send(JSON.stringify(requestJson)); 66 }, false); 67 } 68 69 function previewFile() { 70 var preview = document.querySelector('#imgprivew'); 71 var file = document.querySelector("#img").files[0]; 72 var reader = new FileReader(); 73 reader.addEventListener("load", function () { 74 preview.src = reader.result; 75 }, false); 76 77 if (file) { 78 reader.readAsDataURL(file); 79 } 80 } 81 </script> 82</head> 83<body> 84 <input id="img" type="file" onchange="previewFile()"> 85 <input type="button" onclick="createCaseandNote()" value="上传并创建案例及包含附件的注释" /><br /> 86 <img id="imgprivew" src="" width="600" alt="Image preview..."> 87</body> 88</html>
效果如图，选择图片后有预览效果，点击按钮后会使用Deep Insert同步创建一个Case实体记录并同时将该附件作为注释和该case实体记录关联。
创建后打开的case实体记录效果如下：
