码迷,mamicode.com
首页 > Web开发 > 详细

dynamics crm 365 附件上传图片并且显示。

时间:2018-08-16 19:37:01      阅读:428      评论:0      收藏:0      [点我收藏+]

标签:padding   win   dex   pre   def   body   .data   base64   file   

参考了几篇博客做的:

新增websource文件(html):

<!DOCTYPE html>
<html>
 <head> 
  <title>注释</title> 
  <style type="text/css">
            table {
                border:1px solid #666666;
                border-collapse:collapse;
            }
            table thead th {
                 padding: 8px;
                    border:1px solid #666666;
                 background-color: #dedede;
            }
            
            table tbody td {
                border: 1px solid  #666666;
             padding: 8px;
             background-color: #ffffff;
            }
            
            table thead tr th {
                font-family:Microsoft YaHei,SimSun,Tahoma,Arial;
                font-size:12px;
                font-weight:bold;
                color:#000000;
            }
            
            table tbody tr td {
                color:#444444;
                font-family:Microsoft YaHei,SimSun,Tahoma,Arial;
                font-size:12px;
            }
            
            .align_right
            {
               text-align: right;
            }

        </style> 
  <script type="text/javascript" src="../../_static/_common/scripts/jquery1.7.2.min.js"></script> 
  <script type="text/javascript" src="../../_static/_common/scripts/XrmServiceToolkit.min.js"></script> 
//路径很重要,必须确定自己websource所在的位置,然后根据路径写js路径,要不然加载不了。 <script type="text/javascript"> Date.prototype.format = function (fmt) { var o = { "M+": this.getMonth() + 1,//月份 "d+": this.getDate(),// "h+": this.getHours(),//小时 "m+": this.getMinutes(),// "s+": this.getSeconds()// }; if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length)); for (var k in o) if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length))); return fmt; } function ShowAttachmentByNoteId(NoteId) { XrmServiceToolkit.Rest.Retrieve( NoteId, "AnnotationSet", "DocumentBody,MimeType", null, function (result) { var DocumentBody = result.DocumentBody; var MimeType = result.MimeType; if (MimeType.indexOf("image") > -1) { //new method initblock(DocumentBody,MimeType); } else { alert(附件不是图片,目前无法提供查看!); } }, function (error) { alert(error.message); }, true ); } function initblock(DocumentBody,MimeType) { if($("#overlay").length > 0) { $("#overlay").empty(); } if($("#dialogImg").length > 0) { $("#dialogImg").empty(); } var div = parent.document.createElement("div"); div.id = "overlay"; div.style.position="fixed"; div.style.top="0"; div.style.right="0"; div.style.bottom="0"; div.style.left="0"; div.style.height="100%"; div.style.width="100%"; div.style.margin="0"; div.style.padding="0"; div.style.background=" #000000"; div.style.opacity=".15"; div.style.filter=" alpha(opacity=15)"; div.style.display="none"; parent.document.body.appendChild(div); var divImg =parent.document.createElement("div"); divImg.id = "dialogImg"; divImg.style.display="none"; divImg.style.position="fixed"; divImg.style.width="250px"; divImg.style.height="280px"; divImg.style.top="20%"; divImg.style.left="20%"; divImg.style.right="20%"; divImg.style.bottom="20%"; divImg.style.marginLeft="-190px"; divImg.style.marginTop="-100px"; divImg.style.backgroundColor="#ffffff"; divImg.style.border="2px"; divImg.style.borderStyle="solid"; divImg.style.fontFamily="Verdana"; divImg.style.fontSize="10pt"; divImg.style.padding="0"; divImg.style.zIndex="102"; var table = parent.document.createElement("table"); table.style.width = "100%"; table.style.border = "0"; table.cellPadding = "2"; table.cellSpacing = "0"; var tr1 = parent.document.createElement("tr"); var td1 = parent.document.createElement("td"); td1.style.borderBottom="solid"; td1.style.border="1px"; td1.style.borderColor="#2a1d54"; td1.style.backgroundColor="#2a1d54"; td1.style.padding="4px"; td1.style.color="White"; td1.style.fontWeight="bold"; td1.innerText = "照片预览"; var td11 = parent.document.createElement("td"); td11.style.textAlign = "right" td11.style.borderBottom = "solid"; td11.style.border = "1px"; td11.style.borderColor = "#2a1d54"; td11.style.backgroundColor = "#2a1d54"; td11.style.padding = "4px"; var a1 = parent.document.createElement("a"); a1.style.color = "White"; a1.style.fontWeight = "bold"; a1.innerText = "关闭"; a1.id = "btnCloseImg"; a1.href = "#"; a1.onclick = function (e) { debugger; $("#overlay",parent.document).hide(); $("#dialogImg",parent.document).fadeOut(300); e.preventDefault(); } td11.appendChild(a1); tr1.appendChild(td1); tr1.appendChild(td11); var tr2 = parent.document.createElement("tr"); var td2 = parent.document.createElement("td"); td2.colSpan = "2"; var img = parent.document.createElement("img"); img.id = "img1"; td2.appendChild(img); tr2.appendChild(td2); table.appendChild(tr1); table.appendChild(tr2); divImg.appendChild(table); parent.document.body.appendChild(divImg); $("#overlay",parent.document).show(); $("#dialogImg",parent.document).fadeIn(300); $("#img1",parent.document).attr("alt", "Embedded Image"); $("#img1",parent.document).attr("src", "data:" + MimeType + ";base64," + DocumentBody); $("#overlay",parent.document).unbind("click"); //e.preventDefault(); dragPanelMove(); } function dragPanelMove(){ var dialogImg = $("#dialogImg",parent.document); dialogImg.mousedown(function(e){ //设置移动后的默认位置 var endx=0; var endy=0; //获取div的初始位置,要注意的是需要转整型,因为获取到值带px var left= parseInt(dialogImg.css("left")); var top = parseInt(dialogImg.css("top")); //获取鼠标按下时的坐标,区别于下面的es.pageX,es.pageY var downx=e.pageX; var downy=e.pageY; //pageY的y要大写,必须大写!! // 鼠标按下时给div挂事件 dialogImg.bind("mousemove",function(es){ //es.pageX,es.pageY:获取鼠标移动后的坐标 var endx= es.pageX-downx+left; //计算div的最终位置 var endy=es.pageY-downy+top; //带上单位 dialogImg.css("left",endx+"px").css("top",endy+"px") }); }) dialogImg.mouseup(function(){ //鼠标弹起时给div取消事件 dialogImg.unbind("mousemove") }) } $(function () { var id = window.parent.Xrm.Page.data.entity.getId(); //这种方法可以获取表单中的很多信息,包括id XrmServiceToolkit.Rest.RetrieveMultiple( "AnnotationSet", "?$select=AnnotationId,Subject,NoteText,MimeType,FileName,FileSize,IsDocument,CreatedOn,CreatedBy,ModifiedOn,ModifiedBy&$filter=ObjectId/Id eq guid‘" + id + "‘&$orderby=CreatedOn asc", function (results) { for (var i = 0; i < results.length; i++) { var tr = $("<tr></tr>"); tr.appendTo($("#notestable tbody")); var td = $("<td>" + (i+1) + "</td>"); td.appendTo(tr); td = $("<td>" + (results[i].Subject == null ? "" : results[i].Subject) + "</td>"); td.appendTo(tr); td = $("<td>" + results[i].CreatedBy.Name + "</td>"); td.appendTo(tr); td = $("<td>" + results[i].CreatedOn.format(yyyy-MM-ddThh:mm:ssZ) + "</td>"); td.appendTo(tr); td = $("<td>" + results[i].ModifiedBy.Name + "</td>"); td.appendTo(tr); td = $("<td>" + results[i].ModifiedOn.format(yyyy-MM-ddThh:mm:ssZ) + "</td>"); td.appendTo(tr); td = $("<td>" + (results[i].IsDocument ? "" : "") + "</td>"); td.appendTo(tr); td = $("<td>" + (results[i].FileName == null ? "" : ("<a href=‘#‘ data-annotationid=‘" + results[i].AnnotationId + "‘>" + results[i].FileName + "</a>") + "</td>")); td.find("a").click(function() { ShowAttachmentByNoteId($(this).attr("data-annotationid")); }); td.appendTo(tr); td = $("<td>" + (results[i].FileSize == null ? "" : Math.round((results[i].FileSize)/1024)) + "</td>"); td.appendTo(tr); } }, function (error) { alert(error.message); }, function () { }, true ); $("#dialogclosebtn").click(function (e) { HideDialog(); e.preventDefault(); }); }); </script> </head> <body> <table id="notestable"> <thead> <tr> <th>序号</th> <th>注释标题</th> <th>创建人</th> <th>创建时间</th> <th>修改人</th> <th>修改时间</th> <th>是否包含附件</th> <th>附件名称</th> <th>附件大小(KB)</th> </tr> </thead> <tbody> </tbody> </table> </body> </html>

 

dynamics crm 365 附件上传图片并且显示。

标签:padding   win   dex   pre   def   body   .data   base64   file   

原文地址:https://www.cnblogs.com/longdb/p/9488829.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!