diff --git a/erpnext/manufacturing/doctype/bom/bom_item_preview.html b/erpnext/manufacturing/doctype/bom/bom_item_preview.html
index 2c0f091da5883a8f59d47cec014943f67a87f8aa..4cd06bbd024f2d20414632c75ef4657ff90eaede 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 534de0e654bcb94122037d3bbddbdca1c7290818..cf2e56c6f039488cffdfa8760d885f42b8a713f5 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 || "";
 			});