此处需引入jquery

写一个input框type为file一个为hidden

<input type="file" value="点击上传" id="ctn-input-file" />
<input type="hidden" name="" id="zhaopian">

在线jquery引用 

<script src="https://cdn.nikm.cn/js/jquery.js"></script>

这里利用jquery的change事件去监听input值的变化,拿到后端给的图片地址，再赋值给input hidden，然后提交的时候，我们只需要传递图片地址给后端就可以了

$("#ctn-input-file").on("change", function(){
    var formData = new FormData();
    formData.append('file', $('#ctn-input-file')[0].files[0]);
    $.ajax({
        url: "后端上传图片地址",
        type: 'POST',
        cache: false,
        data: formData,
        processData: false,
        contentType: false,
        dataType:"json",
        beforeSend: function(){
            uploading = true;
        },
        success : function(data) {
            console.log(data);
            $('#zhaopian').val(data.res);
        }
    });
});

版权属于：本文是原创文章，版权归 吾梦小站 所有。

本文链接：https://nikm.cn/archives/9.html

本站所有原创文章采用 知识共享署名-非商业性使用 4.0 国际许可协议 进行许可。
您可以自由地转载和修改，但请务必注明文章来源并且不可用于商业目的。

最后修改：2019 年 07 月 03 日 10 : 40 AM
© 允许规范转载
如果觉得我的文章对你有用，请随意赞赏