js 图片拖拽问题

Question

<div class="firstPictures">
    <div class="fileBiox draggable-element" @click="tuodong">
        <div class="i-iocs">
            <img class="imageZhans" :src="blob==''?'':blob" alt="">
        </div>
    <input type="file" id="uploadImg" multiple title="" class="inpSyts" @change="oneImage" accept="image/*" ref="file">
</div>
<div class="fileBiox draggable-element" @click="tuodong">
    <div class="i-iocs">
         <img class="imageZhans" :src="blobq==''?'':blobq" alt="">
    </div>
    <input type="file" id="uploadImgq" multiple title="" class="inpSyts" @change="oneImageq" accept="image/*" ref="filep">
</div>
<div class="fileBiox draggable-element" @click="tuodong">
    <div class="i-iocs">
         <img class="imageZhans" :src="bloba==''?'':bloba" alt="">
    </div>
    <input type="file" id="uploadImga" multiple title="" class="inpSyts" @change="oneImagea" accept="image/*" ref="filel">
</div>
<div class="fileBiox draggable-element" @click="tuodong">
    <div class="i-iocs">
         <img class="imageZhans" :src="blobz==''?'':blobz" alt="">
    </div>
    <input type="file" id="uploadImgz" multiple title="" class="inpSyts" @change="oneImagez" accept="image/*" ref="filem">
</div>

oneImage() {
    var img = document.getElementById("uploadImg");
    this.blob = URL.createObjectURL(img.files[0]);
    this.file = this.$refs.file.files[0];
},
oneImageq() {
    var img = document.getElementById("uploadImgq");
    this.blobq = URL.createObjectURL(img.files[0]);
    this.fileq = this.$refs.filep.files[0];
    // this.fileq = this.$refs.file.files[1];
},
oneImagea() {
    var img = document.getElementById("uploadImga");
    this.bloba = URL.createObjectURL(img.files[0]);
    this.filea = this.$refs.filel.files[0];
    // this.filea = this.$refs.file.files[2];
},
oneImagez() {
    var img = document.getElementById("uploadImgz");
    this.blobz = URL.createObjectURL(img.files[0]);
    this.filez = this.$refs.filem.files[0];
    // this.filez = this.$refs.file.files[3];
    // console.log(this.filez); // 2010
},

tuodong(e) {
    // e.preventDefault();
    $(".draggable-element").arrangeable();
},

用了jq的拖拽插件，本地拖拽改变了div的位置，但是获取图片的url地址还是原来的位置，拖拽未成功，但是拖拽效果是改变了位置，我这问题出在哪里了？是不是通过id获取图片，是写死的原因

Answer 1

使用了jq的拖拽插件，拖拽效果是实现了，在本地能调换图片的位置，但是一回去图片的url传给后台，还是原来的地址

Answer 2

我看了下这个插件的代码，只有dom操作，并没有对数据进行操作，应该是要你自己来更改数据的顺序