0
私は写真をアップロードしてプレビューできるページを作ります。アップロードとプレビューの両方が正常に動作します。しかし、問題は、画像をアップロードしてからプレビューしてから、画像のアップロードページに戻っても画像が消えてしまうことです。私は、その後なくなった画像をプレビューした後に戻ってこのページに来るときここに私のコードページリダイレクションとJSf 2.0との間で状態を維持する方法
<h:panelGrid columns="4"
border=""
width="20%"
style="position: absolute; top: 50px;"
columnClasses="asteriskColumns, nameColumns" >
<h:outputText value="*" />
<h:outputText value="Map: " />
<p:fileUpload id="cityMap"
description="Image"
update="mapImage messages"
allowTypes="*.jpg;*.png;*.gif;*.jpeg;"
auto="true"
fileUploadListener="#{cityDetail.imageUpload}" >
</p:fileUpload>
<p:graphicImage id="mapImage"
value="#{cityDetail.imagePath}"
width="80"
height="50"
cache="false" />
<h:outputText value="*" />
<h:outputText value="Image1: " />
<p:fileUpload id="cityImage1"
description="Image"
update="city_Image1 messages"
allowTypes="*.jpg;*.png;*.gif;*.jpeg;"
auto="true"
fileUploadListener="#{cityDetail.imageUpload}" >
</p:fileUpload>
<p:graphicImage id="city_Image1"
value="#{cityDetail.imagePath}"
width="80"
height="50"
cache="false" />
<h:outputText value="*" />
<h:outputText value="Image2: " />
<p:fileUpload id="cityImage2"
description="Image"
update="city_Image2 messages"
allowTypes="*.jpg;*.png;*.gif;*.jpeg;"
auto="true"
fileUploadListener="#{cityDetail.imageUpload}" >
</p:fileUpload>
<p:graphicImage id="city_Image2"
value="#{cityDetail.imagePath}"
width="80"
height="50"
cache="false" />
であることはここで今私の豆
@ManagedBean
@ViewScoped
@SessionScoped
public class CityDetail {
private StreamedContent image;
private ArrayList images;
private ArrayList imageNames;
private String imagePath = "/resources/images/Untitled.jpg";
private String imagePath1 = "/resources/images" + "/";
public CityDetail() {
images = new ArrayList();
images.add(null);
images.add(null);
images.add(null);
images.add(null);
images.add(null);
imageNames = new ArrayList();
imageNames.add("");
imageNames.add("");
imageNames.add("");
imageNames.add("");
imageNames.add("");
// Getting session ID from seession variable that is set in the City_Review Page
cityID = Integer.parseInt(ConnectionUtil.session.getAttribute("CityID").toString());
System.out.println();
}
public void imageUpload(FileUploadEvent event) {
imagePath = "";
// Variable to ensure that the query is always enter to same index.
int index = -1;
String query = "";
FacesContext facesContext = FacesContext.getCurrentInstance();
ExternalContext externalContext = facesContext.getExternalContext();
HttpServletResponse response = (HttpServletResponse) externalContext.getResponse();
// File
UploadedFile uploadedFile = event.getFile();
// File Name
String fileName = uploadedFile.getFileName();
//File Extension
String fileExtension = fileName.substring(fileName.lastIndexOf('.'), fileName.length());
String path = externalContext.getRealPath("/resources/images") + "/" ;
try {
//<p:fileUpload id="cityMap" .../>
String componentID = event.getComponent().getClientId();
if (componentID.equalsIgnoreCase("cityMap")) {
index = 0;
/**
* UPDATE table_name SET column1=value, column2=value2,... WHERE some_column=some_value
*/
query = "UPDATE city set citymap=(?) where cityid=" + cityID;
boolean reslut = ConnectionUtil.deleteImageIfExist(path, "cityMap_" + cityID);
boolean outcome = ConnectionUtil.createFile("cityMap_" + cityID, fileExtension ,path, uploadedFile);
if (outcome) {
addImageNameToList(index, "cityMap_" + cityID + fileExtension);
setImage(imagePath1, "cityMap_" + cityID + fileExtension);
//imagePath = imagePath + "cityMap" + fileExtension;
}
} else if (componentID.equalsIgnoreCase("cityImage1")) {
index = 1;
query = "UPDATE city set cityimage1=(?) where cityid=" + cityID;
boolean reslut = ConnectionUtil.deleteImageIfExist(path, "cityImage1_" + cityID);
boolean outcome = ConnectionUtil.createFile("cityImage1_" + cityID, fileExtension ,path, uploadedFile);
if (outcome) {
addImageNameToList(index, "cityImage1_" + cityID + fileExtension);
setImage(imagePath1, "cityImage1_" + cityID + fileExtension);
}
} else if (componentID.equalsIgnoreCase("cityImage2")) {
index = 2;
query = "UPDATE city set cityimage2=(?) where cityid=" + cityID;
boolean reslut = ConnectionUtil.deleteImageIfExist(path, "cityImage2_" + cityID);
boolean outcome = ConnectionUtil.createFile("cityImage2_", fileExtension ,path, uploadedFile);
if (outcome) {
addImageNameToList(index, "cityImage2_" + cityID + fileExtension);
setImage(imagePath1, "cityImage2_" + cityID + fileExtension);
}
} else if (componentID.equalsIgnoreCase("cityImage3")) {
index = 3;
query = "UPDATE city set cityimage3=(?) where cityid=" + cityID;
boolean reslut = ConnectionUtil.deleteImageIfExist(path, "cityImage3_" + cityID);
boolean outcome = ConnectionUtil.createFile("cityImage3_" + cityID, fileExtension ,path, uploadedFile);
if (outcome) {
addImageNameToList(index, "cityImage3_" + cityID + fileExtension);
setImage(imagePath1, "cityImage3_" + cityID + fileExtension);
}
} catch (Exception e) {
FacesMessage msg = new FacesMessage("Exception happen");
FacesContext.getCurrentInstance().addMessage(null, msg);
e.printStackTrace();
// return null;
}
} //end of imageUpload()
private void setImage(String path, String fileName) {
imagePath = path + fileName;
}
です。どうすればこれを防ぐことができますか？ 5つのイメージパス変数を作成し、別の場所に保存しますか？しかし、50枚の画像があればどうでしょうか？より良い選択肢はありますか？それは私が再びこのページにあるようにすべてを残してページをアップロードするために戻ってきたら？
こんにちは、私はそれをやりました。はい、私はすべての画像に同じパスを使用し、私はシステムイベントを使用してそれを行っています。私は私のコメントにどのようにコードを置くことができるのか分かりません。また、制限は非常に限られている私はあなたに私のコードを表示します。すべてがうまくいきます。実際に私は私のコンストラクタが私がファイルのアップロードボタンを押したときに呼び出されないようにしたいので、View Scopeを使用しました。私は自分のページに5つのファイルアップロードボタンを持っているので、私はファイルアップロードボタンをクリックするたびにコンストラクタコールを気付きました。私はリストに画像の名前を保存し、セッション変数にリストを保存するので、セッションスコープを使用しました。 – Basit
私はビューのスコープを使用する場合、どのように私はセッションに画像の名前を保存することができます。私はビュースコープを使用する場合、私のコンストラクタは複数回呼び出します。だからこそ私は両方のスコープを使用しました。これが悪い練習であるなら、ベストプラクティスを知りたいので私に知らせてください。本当に申し訳ありませんが、実際にはイメージパスを返すだけなので、ゲッタープロパティは表示されませんでした。ここに私のプロパティです:) public String getImagePath（）{ 返信imagePath; }ありがとう:) – Basit
マネージドBeanは2つのスコープを持つことはできません。そして、sessionscopeはviewscopeよりも長く続きます。ナビゲート中にページの状態を保持したい場合は、セッションスコープに入れるか、またはFlashScope（http://www.jroller.com/HazemBlog/entry/understanding_the_jsf_2_0）とともにviewscopeを使用する必要があります。 Flashスコープは、異なる動作をするため、他のスコープと一緒に使用することができます。 –