handle add/modify image return file name to imgObject

backstage/static/js/editor.js

@@ -49,7 +49,7 @@ axios.get(contentApiUrl).then(({ data }) => {
       dataIndex += 1;
       const {img, imgInput, widthInput, heightInput, imgInputButton} = getImgElements(blockDiv);
       imgInputButton.onclick = function() {
-        const imgObject = {image: {src: imgInput.value,
+        const imgObject = {image: {src: 'img/' + imgInput.files[0].name,
                                    height: heightInput.value,
                                    width: widthInput.value,
                                    alt: 'image field',

backstage/static/js/parsers.js

@@ -58,7 +58,7 @@ function parseMd(content) {
         const imgDataIndex = blockArray[preBlockindex].data.length;
         const {img, imgInput, widthInput, heightInput, imgInputButton} = getImgElements(blockDiv);
         imgInputButton.onclick = function() {
-          const imgObject = {image: {src: imgInput.value,
+          const imgObject = {image: {src: 'img/' + imgInput.files[0].name,
                                      height: heightInput.value,
                                      width: widthInput.value,
                                      alt: 'image field',
@@ -80,7 +80,7 @@ function parseMd(content) {
       const {img, imgInput, widthInput, heightInput, imgInputButton} = getImgElements(parseBlockDiv);
       preImg = img;
       imgInputButton.onclick = function() {
-        const imgObject = {image: {src: imgInput.value,
+        const imgObject = {image: {src: 'img/' + imgInput.files[0].name,
                                    height: heightInput.value,
                                    width: widthInput.value,
                                    alt: 'image field',