jQuery获取上传图像的名称

问题描述

 //Picture upload $(function() { $(":file").change(function() { if (this.files && this.files[0]) { var reader = new FileReader(); reader.onload = imageIsLoaded; reader.readAsDataURL(this.files[0]); } }); }); function imageIsLoaded(e) { $('#myImg').attr('src', e.target.result); }; 

 <form id="form_roomtype" class="form-horizontal" style="padding-top: 57px;" action="roomtype" method="POST" enctype="multipart/form-data"> <input type="hidden" id="current_roomtype_id" name="current_roomtype_id" value="0"> <input type="hidden" id="roomtype_id_to_remove" name="roomtype_id_to_remove" value="0"> <input type="hidden" id="chk_tarif_applicable" name="chk_tarif_applicable" value="0"> <input type="hidden" id="photo_name" name="photo_name"> <div> <span style="font-size: 16.85px; font-family: Arial, Helvetica, sans-serif; color: #757575;">ROOM PICTURE</span> <br /> <br /> <input type="file" name="file" id="file" /> <br/> <img id="myImg" src="<%=request.getContextPath()%>/images/insert_images.png" alt="room image" height="175" width="285" onclick="file" /> <br />Destination: <input type="text" value="C:\\Project\\Booking_Engine\\Java\\booking\\src\\main\\webapp\\data" name="destination" /> </br> <br /> <input type="submit" value="Upload" name="upload" id="upload" /> </div> </form> 

我需要使用输入的ID（#file），并使用顶部的图片上传js将其分配给ID为（#photo_name）的隐藏输入。

我需要获取（ <input type="file" name="file" id="file" /> ）的id并将其分配给（ <input type="hidden" id="photo_name" name="photo_name"> ）。

我已经有了之前发布的JS ...我需要使用它来进行ID的分配。

我已经有了输入文件的ID，尽管JS ...（this.file [0]）已经给了我上载文件的名称...现在我需要的是使用这个名称并将其分配给ID隐藏的输入。

我在下面的Java代码中需要photo_name的值：

@Override受保护的void doPost（HttpServletRequest请求，HttpServletResponse响应）抛出ServletException，IOException {

    String currentRoomTypeIdStr = request.getParameter("current_roomtype_id");
    Integer currentRoomTypeId = Integer.valueOf(currentRoomTypeIdStr);

    String photoName = request.getParameter("photo_name");

if（！Objects.equals（currentRoomTypeId，null）||！Objects.equals（roomtypeIdToRemove，null））{试试{mUserTransaction.begin（）;

            if (currentRoomTypeId == 0) { // Add mode
                ChambreTypeEntity typeChambreEntity = new ChambreTypeEntity();
                typeChambreEntity.setLibelle(inputTypeRoom);
                typeChambreEntity.setCode(inputCodeRoom);
                typeChambreEntity.setDescription(inputDescriptionRoom);
                typeChambreEntity.setNbMinPers(inputMinPerson);
                typeChambreEntity.setNbMaxPers(inputMaxPerson);
                typeChambreEntity.setNbEnfGratuit(inputChild);
                mEntityManager.persist(typeChambreEntity);


                ChambrePhotoEntity chambrePhotoEntity = new ChambrePhotoEntity();
                chambrePhotoEntity.setNomPhoto(photoName);
                chambrePhotoEntity.setTypeChambre(currentRoomTypeId);
                mEntityManager.persist(chambrePhotoEntity);

            }
            else { // Modification mode
                Query query = mEntityManager.createQuery("FROM ChambreTypeEntity WHERE id=:pId")
                        .setParameter("pId", currentRoomTypeId);
                List<ChambreTypeEntity> typeChambreEntityList = query.getResultList();
                if (!typeChambreEntityList.isEmpty()) {
                    ChambreTypeEntity typeChambreEntity = typeChambreEntityList.get(0);
                    typeChambreEntity.setLibelle(inputTypeRoom);
                    typeChambreEntity.setCode(inputCodeRoom);
                    typeChambreEntity.setDescription(inputDescriptionRoom);
                    typeChambreEntity.setNbMinPers(inputMinPerson);
                    typeChambreEntity.setNbMaxPers(inputMaxPerson);
                    typeChambreEntity.setNbEnfGratuit(inputChild);
                    mEntityManager.persist(typeChambreEntity);
                    mEntityManager.persist(chambreTypeTarifTypeEntity);

                    ChambrePhotoEntity chambrePhotoEntity = new ChambrePhotoEntity();
                    chambrePhotoEntity.setNomPhoto(photoName);
                    chambrePhotoEntity.setTypeChambre(currentRoomTypeId);
                    mEntityManager.persist(chambrePhotoEntity);


                }
            }
            mUserTransaction.commit();
        }

但是现在photo_name的值为“”。 我需要它成为我在选择图片时选择的值。