diff --git a/ng2-components/ng2-activiti-form/src/components/widgets/display-value/display-value.widget.css b/ng2-components/ng2-activiti-form/src/components/widgets/display-value/display-value.widget.css
index ad833b2f12..1fdcc3c541 100644
--- a/ng2-components/ng2-activiti-form/src/components/widgets/display-value/display-value.widget.css
+++ b/ng2-components/ng2-activiti-form/src/components/widgets/display-value/display-value.widget.css
@@ -9,3 +9,23 @@
 .display-value-widget__dynamic-table table {
     width: 100%;
 }
+
+.upload-widget {
+    width:100%;
+    word-break: break-all;
+}
+
+.upload-widget__icon {
+    float: left;
+    color: rgba(0,0,0,.26);
+}
+
+.upload-widget__file {
+    float: left;
+    margin-top: 4px;
+    color: rgba(0,0,0,.26);
+}
+
+.upload-widget__label {
+    color: rgba(0,0,0,.26);
+}
diff --git a/ng2-components/ng2-activiti-form/src/components/widgets/display-value/display-value.widget.html b/ng2-components/ng2-activiti-form/src/components/widgets/display-value/display-value.widget.html
index 02d5b584aa..cbcd9b815d 100644
--- a/ng2-components/ng2-activiti-form/src/components/widgets/display-value/display-value.widget.html
+++ b/ng2-components/ng2-activiti-form/src/components/widgets/display-value/display-value.widget.html
@@ -29,8 +29,7 @@
         </textarea>
         <label class="mdl-textfield__label" [attr.for]="field.id">{{field.name}}</label>
     </div>
-    <div *ngSwitchCase="'hyperlink'"
-         class="hyperlink-widget">
+    <div *ngSwitchCase="'hyperlink'" class="hyperlink-widget">
         <div>
             <span>{{field.name}}</span>
         </div>
@@ -61,6 +60,15 @@
             </table>
         </div>
     </div>
+    <div *ngSwitchCase="'upload'">
+        <div class="upload-widget">
+            <label class="upload-widget__label" [attr.for]="field.id">{{field.name}}</label>
+            <div>
+                <i *ngIf="hasFile" class="material-icons upload-widget__icon">attachment</i>
+                <span *ngIf="hasFile" class="upload-widget__file">{{value}}</span>
+            </div>
+        </div>
+    </div>
     <div *ngSwitchDefault
          class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label text-widget">
         <input class="mdl-textfield__input"
diff --git a/ng2-components/ng2-activiti-form/src/components/widgets/display-value/display-value.widget.ts b/ng2-components/ng2-activiti-form/src/components/widgets/display-value/display-value.widget.ts
index cdc9b33ee0..677e007881 100644
--- a/ng2-components/ng2-activiti-form/src/components/widgets/display-value/display-value.widget.ts
+++ b/ng2-components/ng2-activiti-form/src/components/widgets/display-value/display-value.widget.ts
@@ -43,6 +43,9 @@ export class DisplayValueWidget extends WidgetComponent implements OnInit {
     columns: DynamicTableColumn[] = [];
     visibleColumns: DynamicTableColumn[] = [];
 
+    // upload/attach
+    hasFile: boolean = false;
+
     constructor(private formService: FormService) {
         super();
     }
@@ -77,8 +80,10 @@ export class DisplayValueWidget extends WidgetComponent implements OnInit {
                             let files = this.field.value || [];
                             if (files.length > 0) {
                                 this.value = decodeURI(files[0].name);
+                                this.hasFile = true;
                             } else {
                                 this.value = null;
+                                this.hasFile = false;
                             }
                             break;
                         case FormFieldTypes.TYPEAHEAD: