diff --git a/erpnext/manufacturing/doctype/bom/bom_item_preview.html b/erpnext/manufacturing/doctype/bom/bom_item_preview.html
index 2c0f091da58..4cd06bbd024 100644
--- a/erpnext/manufacturing/doctype/bom/bom_item_preview.html
+++ b/erpnext/manufacturing/doctype/bom/bom_item_preview.html
@@ -1,7 +1,7 @@
 <div style="padding: 15px;">
 	<div class="row mb-5">
 		<div class="col-md-5" style="max-height: 500px">
-			{% if data.image %}
+			{% if data.image && (data.image).replace("''", "").length %}
 				<div class="border image-field " style="overflow: hidden;border-color:#e6e6e6">
 					<img class="responsive" style="width: 100%;" src={{ data.image }}>
 				</div>
diff --git a/erpnext/manufacturing/doctype/bom/bom_tree.js b/erpnext/manufacturing/doctype/bom/bom_tree.js
index 534de0e654b..cf2e56c6f03 100644
--- a/erpnext/manufacturing/doctype/bom/bom_tree.js
+++ b/erpnext/manufacturing/doctype/bom/bom_tree.js
@@ -63,7 +63,7 @@ frappe.treeview_settings["BOM"] = {
 		if (node.is_root && node.data.value != "BOM") {
 			frappe.model.with_doc("BOM", node.data.value, function () {
 				var bom = frappe.model.get_doc("BOM", node.data.value);
-				node.data.image = escape(bom.image) || "";
+				node.data.image = bom.image || "";
 				node.data.description = bom.description || "";
 				node.data.item_code = bom.item || "";
 			});