Vue本地预览图片，formdata上传提交C#，修正版

老规矩，废话不说直接上代码，清晰明了，看不懂也可以直接用，后台语言不同的请直接查某语言下对应对象和语法。

JS部分

<style>
    .div {
   
        color: #000000 !important;
    }
    .remove {
   
        background-color: rgb(255, 0, 0);
        color: #ececec;
        font-size: 30px;
        width: 30px;
        height: 30px;
        text-align: center;
        border-radius: 100%;
        transform: rotate(45deg);
        cursor: pointer;
        opacity: 0.5;
        top: 2px;
        right: 2px;
        display: block;
        position: absolute;
    }
</style>
<!--页面主体-->
<div id="found">
    <!--提交表单-->
    <div class="layui-form">
        <!--表格头部右边按钮组-->
        <div class="btn-group">
            <button @click="handleSelectDevice" type="button" class="btn btn-default " title="选择设备(S)">
                <i class="glyphicon glyphicon-file"></i>&nbsp;选择设备
            </button>
            <button @click="save" type="submit" class="btn btn-default " lay-submit="" lay-filter="demo1" title="提交(S)">
                <i class="glyphicon glyphicon-file"></i>&nbsp;提交
            </button>
        </div>
        <div class="layui-collapse">
            <!-- 基本信息填写区 -->
            <div class="layui-colla-item" style="font-weight:100" v-for="selectData in selectData">
                <div class="layui-colla-title">
                    设备信息
                </div>
                <div class="layui-card-body layui-form layui-form-pane layui-colla-content layui-show"
                    lay-filter="purchInfo">
                    <div class="layui-row   item">
                        <div class="layui-col-md3">
                            <label class="layui-form-label layui-six-word-width" tag="客户名称">客户名称：</label>
                            <div class="layui-input-block-widder">
                                <input type="text" class="layui-input " name="customerName" style="line-height: 38px;"
                                    v-model="selectData.MD_MACHINE_PRODUCTION_DEPARTMENT" lay-verify="title"
                                    readonly="readonly" id="MSR_CUSTOMER_NAME" />
                            </div>
                        </div>
                        <div class="layui-col-md3">
                            <label class="layui-form-label layui-six-word-width" tag="客户地址">客户地址：</label>
                            <div class="layui-input-block-widder">
                                <input type="text" class="layui-input " name="customerAddress" lay-verify="title"
                                    style="line-height: 38px;" v-model="selectData.MSR_ADDRESS" id="MSR_ADDRESS" />
                            </div>
                        </div>
                        <div class="layui-col-md3">
                            <label class="layui-form-label layui-six-word-width" tag="设备名称">设备名称：</label>
                            <div class="layui-input-block-widder">
                                <input type="text" class="layui-input " name="deviceName" style="line-height: 38px;"
                                    v-model="selectData.MD_MACHIN_NAME" readonly="readonly" lay-verify="title"
                                    id="MSR_DEVICE_NAME" />
                            </div>
                        </div>
                        <div class="layui-col-md3">
                            <label class="layui-form-label layui-six-word-width" tag="设备代码">设备代码：</label>
                            <div class="layui-input-block-widder ">
                                <input type="text" class="layui-input " name="deviceCode" style="line-height: 38px;"
                                    lay-verify="title" v-model="selectData.MSR_DEVICE_CODE" id="MSR_DEVICE_CODE" />
                            </div>
                        </div>
                    </div>

                    <div class