表单-流程，获取手写签名图片并显示

Q:如何获取手写签名的图片，在前台表单中显示?

A: 在表单您想要插入手签图片的地方新建一个计算脚本控件，然后把下面代码放入计算脚本控件中即可实现。

1. (function(){
   
2. var docc=getCurrentDocument();
   
3. var pic="";
   
4. var dep;
   
5. var depp;
   
6. var docid = docc.getId();
   
7. //第一步：在  t_actorhis 表中 根据 表单docid(即表单的id) 获取  SIGNATURE 字段的值
   
8. var sql=" select  SIGNATURE  from T_ACTORHIS  where doc_id='"+docid+"' ";
   
9. var query=queryByDSName("systemdevelopment",sql);
   
10. var imgdata = "data:image/png;base64,";
    
11. println("meiji"+sql);
    
12. println("query的大小===="+query.size());
    
13. if(query!=null && query.size()>0){
    
14.                         println("jinjini");
    
15.             for(var iter = query.iterator(); iter.hasNext();){
    
16.                         println("22222");
    
17.               var  doc = iter.next();
    
18.                 depp= doc.get("SIGNATURE");
    
19.                                 dep="["+depp+"]";
    
20.                         }
    
21. println("galon"+dep);
    
22. //第二步：解析JSON字符串
    
23. var jsonArray = new Packages.org.json.JSONArray(dep);
    
24. var data= "";
    
25. 
    
26.         for(var i=0;i<jsonArray.length();i++){
    
27.                 var jsonObject = jsonArray.getJSONObject(i);
    
28.                 data= jsonObject.getString("data");
    
29.                                
    
30.        }
    
31.           println("data"+data);       
    
32. //第三步：在表单上显示图片
    
33. imgdata = imgdata + data;
    
34. println("imgdata"+imgdata);       
    
35. var img="<img  src='"+imgdata+"'>";       
    
36. println("img"+img);       
    
37. }
    
38. return img;
    
39. })();
    
40. 
    

复制代码

前台实现效果如下图所示：