quillでの画像アップロード

現在、記事を投稿するサイトを制作していてquillを使っています

formで送ってphpで受け取りmysqlに保存するようにしているのですが画像をアップロードする方法が知りたいです

現在のコードは

html
1  <div id="app">
2    <form action="php/main.php" method="POST" enctype="multipart/form-data">
3      <div>
4        <quill-editor v-model="content" ref="quillEditor" :options="editorOption" @change="oneEditorChange($event)">
5          </vue-quill-editor>
6          <input type="file" id="getFile" @change="uploadFunction($event)" />
7      </div>
8      <input type="submit" class="button" value="投稿">
9    </form>
10  </div>
11
12<script>
13    Vue.use(VueQuillEditor);
14    new Vue({
15      el: "#app",
16      data: {
17        content: '',
18        editorOption: {
19          theme: 'snow'
20        }
21      }
22    });
23</script>

のようになっているのですが調べた結果

const
1      bounds: '#quill-editor',
2      modules: {
3        toolbar: this.toolbarOptions
4      },
5      placeholder: 'Free Write...',
6      theme: 'snow'
7    });
8
9      /**
10       * Step1. select local image
11       *
12       */
13    function selectLocalImage() {
14      const input = document.createElement('input');
15      input.setAttribute('type', 'file');
16      input.click();
17
18      // Listen upload local image and save to server
19      input.onchange = () => {
20        const file = input.files[0];
21
22        // file type is only image.
23        if (/^image//.test(file.type)) {
24          saveToServer(file);
25        } else {
26          console.warn('You could only upload images.');
27        }
28      };
29    }
30
31    /**
32     * Step2. save to server
33     *
34     * @param {File} file
35     */
36    function saveToServer(file: File) {
37      const fd = new FormData();
38      fd.append('image', file);
39
40      const xhr = new XMLHttpRequest();
41      xhr.open('POST', 'http://localhost:3000/upload/image', true);
42      xhr.onload = () => {
43        if (xhr.status === 200) {
44          // this is callback data: url
45          const url = JSON.parse(xhr.responseText).data;
46          insertToEditor(url);
47        }
48      };
49      xhr.send(fd);
50    }
51
52    /**
53     * Step3. insert image url to rich editor.
54     *
55     * @param {string} url
56     */
57    function insertToEditor(url: string) {
58      // push image url to rich editor.
59      const range = editor.getSelection();
60      editor.insertEmbed(range.index, 'image', `http://localhost:9000${url}`);
61    }
62
63    // quill editor add image handler
64    editor.getModule('toolbar').addHandler('image', () => {
65      selectLocalImage();
66    });