m0_56789428 2022-09-22 16:12 采纳率: 97.2%
浏览 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日

悬赏问题

  • ¥15 使用Jdk8自带的算法,和Jdk11自带的加密结果会一样吗,不一样的话有什么解决方案,Jdk不能升级的情况
  • ¥15 画两个图 python或R
  • ¥15 在线请求openmv与pixhawk 实现实时目标跟踪的具体通讯方法
  • ¥15 八路抢答器设计出现故障
  • ¥15 请教一下c语言的代码里有一个地方不懂
  • ¥15 opencv 无法读取视频
  • ¥15 用matlab 实现通信仿真
  • ¥15 按键修改电子时钟,C51单片机
  • ¥60 Java中实现如何实现张量类,并用于图像处理(不运用其他科学计算库和图像处理库))
  • ¥20 5037端口被adb自己占了