m0_56789428 2022-09-22 16:12 采纳率: 94.9%
浏览 28
已结题

jsp 前端传值的几种方式

人员信息的表单提交。其中有一项图片的提交

<form id="empForm" method="post" novalidate="novalidate">
    <table style="margin-top: 50px;" align="center">

        <tr>
            <td>
                <label for="empName">       名:</label>
                <input class="easyui-textbox" id="empName" name="empName" style="width:180px"/>
            </td>
        </tr>
        <tr>
            <td>
                <label for="empNo">员工编号:</label>
                <input class="easyui-textbox" id="empNo" name="empNo" style="width:180px"/>
            </td>
        </tr>

        <tr>
            <td>
                <label for="empCardno">身份证号:</label>
                <input class="easyui-textbox" id="empCardno" name="empCardno" style="width:180px"/>
            </td>
        </tr>

        <tr>
            <td>
                <label for="empSex">       别:</label>
                <select class="easyui-combobox" id="empSex" name="empSex" style="width:180px">
                    <option value="0"></option>
                    <option value="1"></option>
                    <option value="2">未知</option>
                </select>
            </td>
        </tr>

        <tr>
            <td>
                <label for="empStation">岗位名称:</label>
                <input class="easyui-textbox" id="empStation" name="empStation" style="width:180px"/>
            </td>
        </tr>

        <tr>
            <td>
                <label for="joinTime">入职时间:</label>
                <input class="easyui-datebox" id="joinTime" name="joinTime" style="width:180px"/>
            </td>
        </tr>
        <%--    <label for="empPhoto">人员照片:</label>--%>
        <%--    <input class="easyui-filebox" id="empPhoto" name="empPhoto" style="width:150px"/>--%>
        <tr>
            <td><label for="empPhoto"> 人员照片: </label>
                <input multiple style="width:180px" id="empPhoto" name="empPhoto" class="easyui-filebox"
                       data-options='onChange:change_photo'></td>
        </tr>


        <tr>
            <td><label for="empPhoto">图片预览:</label>
                <div id="Imgdiv"><img id="Img" width="180px" height="200px"/></div>
            </td>
        </tr>

    </table>
</form>
<script type="text/javascript">

    $(function () {
        $('#empPhoto').filebox({
            buttonText: '选择图片',
            buttonAlign: 'right',
            onChange: function (data) { // data------->>"C:\\fakepath\\1.jpg"
                debugger
                var fd = new FormData();
                var file = document.getElementsByName("empPhoto")[0].files[0];//name: "2.jpg"

                //的参数名 参数值 k-v键值对
                fd.append("empPhoto", file);
                debugger
                $.ajax({
                    url:'${pageContext.request.contextPath}/emp/uploadPhoto.do',
                    type:"post",
                    data:fd,
                    cache: false,
                    processData: false,
                    contentType: false,
                    success:function(data){
                        var result = eval('(' + data + ')');
                        if (result.success) {
                            alert("文件成功!" + result.successMsg,);
                        }
                        $.messager.alert("提示",result.message);
                    },
                    error:function(e){
                        $.messager.alert("错误","服务器异常,请稍后重试!!!
"
+e.message); } }); } }) })
data是一个假路径+图片名。 fd.append("empPhoto", file);这个方法我得的的name是图片名称。我怎么做可以获得真路径,并让empPhoto的值传输的真路径
  • 写回答

1条回答 默认 最新

  • CSDN-Ada助手 CSDN-AI 官方账号 2022-09-22 17:04
    关注
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

问题事件

  • 系统已结题 10月8日
  • 已采纳回答 9月30日
  • 创建了问题 9月22日

悬赏问题

  • ¥100 如何用js写一个游戏云存档
  • ¥15 ansys fluent计算闪退
  • ¥15 有关wireshark抓包的问题
  • ¥15 Ubuntu20.04无法连接GitHub
  • ¥15 需要写计算过程,不要写代码,求解答,数据都在图上
  • ¥15 向数据表用newid方式插入GUID问题
  • ¥15 multisim电路设计
  • ¥20 用keil,写代码解决两个问题,用库函数
  • ¥50 ID中开关量采样信号通道、以及程序流程的设计
  • ¥15 U-Mamba/nnunetv2固定随机数种子