图片路径写法

最新推荐文章于 2022-12-02 16:11:32 发布

原创最新推荐文章于 2022-12-02 16:11:32 发布 · 1.2k 阅读

0 ·

CC 4.0 BY-SA版权

图片路径写法专栏收录该内容

0 篇文章

订阅专栏

本文介绍了一种利用jQuery插件实现文件上传的方法。通过$.ajax发起POST请求将文件数据发送到服务器端的common/saveAttachment接口，并在成功回调中处理响应结果。此外，还展示了如何在前端页面动态添加删除已上传文件的链接。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

$.ajax({
    type:"post",
    url:'common/saveAttachment',
    dataType:"json",
    data: data.formData,
    success:function(data){
        if(data){
            if(data.success){
                var att = data.rows;
                var html = "";
                html += '<a href="javascript:void(0)" onclick="delDatum(this, \''+att.attachmentId+'\')">';
                html += ' <img class="file-upload-image" src="'+$("#context_path").val()+'/static/image/remove.gif"/>';
                html += ' </a>';
                $(src).parent().parent().siblings("ul").find(".file-upload").last().append(html);
            }
        }
    }

<script src="${requestContext.contextPath}/static/jquery_file_upload/js/vendor/jquery.ui.widget.js"></script>
<script src="${requestContext.contextPath}/static/jquery_file_upload/js/jquery.iframe-transport.js"></script>
<script src="${requestContext.contextPath}/static/jquery_file_upload/js/jquery.fileupload.js"></script>
<script src="${requestContext.contextPath}/static/jquery_file_upload/js/jquery.fileupload-process.js"></script>
<script src="${requestContext.contextPath}/static/jquery_file_upload/js/cors/jquery.xdr-transport.js"></script>
<script type="text/javascript" src="${requestContext.contextPath}/static/js/routine/common/submitInfo.js"></script>

<input type="hidden" value="${requestContext.contextPath}" id="context_path">