droideparanoico/myhealth
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Mejora en la subida de imagenes de pruebas médicas:

Browse Source 
* Subida mediante ajax.
* No se recarga la página y no se pierde la prueba seleccionada.
This commit is contained in:
Marcos Garcia Nuñez
2020-01-03 18:39:17 +01:00
parent 20c445e200
commit cbe1d3dd55
2 changed files with 28 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
1.sources/MyHealth/docroot/medicaltest/MedicalTests.xhtml
View File

@@ -89,22 +89,20 @@
<p:outputPanel rendered="#{mt.selected.type != 'BLOOD_TEST'}">
<div class="ui-g ui-fluid">
<div class="ui-g-3">Imagen de alta resolución:</div>
<div class="ui-g-5">
<p:fileUpload rendered="#{mt.specialistDoctor}" value="#{mt.imageUpload}" mode="simple" skinSimple="true" />
<div class="ui-g-9">
<p:fileUpload rendered="#{mt.specialistDoctor}" value="#{mt.imageUpload}" fileUploadListener="#{mt.uploadDataListener}" update="frmImage" multiple="false" fileLimit="1"
fileLimitMessage="Solo se puede subir una imagen" previewWidth="80" mode="advanced" skinSimple="true" uploadLabel="Subir" cancelLabel="Cancelar" label="Seleccionar" />
</div>
<div class="ui-g-2" />
<div class="ui-g-8" style="align-content: center; text-align: center;">
<h:graphicImage rendered="#{mt.selected.highresimage != null}" value="#{mt.selected.highresimage}" alt="Imagen de la prueba mécica" width="600" />
<h:outputText rendered="#{mt.selected.highresimage == null}" value="Esta prueba no tiene ninguna imagen asociada" style="font-weight: bold;" />
</div>
<div class="ui-g-2">
<p:commandButton rendered="#{mt.specialistDoctor}" value="Subir" icon="pi pi-upload" ajax="false" action="#{mt.addImage}" update="frmImage" />
</div>
<div class="ui-g-2">
<p:commandButton rendered="#{mt.specialistDoctor}" value="Eliminar" icon="pi pi-trash" action="#{mt.removeImage}" disabled="#{mt.selected.highresimage == null}"
update="frmImage">
<p:commandButton rendered="#{mt.specialistDoctor and mt.selected.highresimage != null}" value="Eliminar" icon="pi pi-trash" action="#{mt.removeImage}" update="frmImage">
<p:confirm header="Confirme la eliminación" message="¿Está seguro de que desea eliminar la imagen?" icon="pi pi-exclamation-triangle" />
</p:commandButton>
</div>
<div class="ui-g-12 ui-md-12" style="align-content: center; text-align: center;">
<img src="#{mt.selected.highresimage}" style="max-width: 300px !important;" />
</div>
</div>
</p:outputPanel>
</div>

27
1.sources/MyHealth/src/managedbean/medicalTest/MedicalTestMBean.java
View File

@@ -13,6 +13,7 @@ import javax.faces.event.AjaxBehaviorEvent;
import javax.faces.view.ViewScoped;
import javax.inject.Named;
import org.primefaces.event.FileUploadEvent;
import org.primefaces.event.SelectEvent;
import org.primefaces.model.UploadedFile;
@@ -84,17 +85,20 @@ public class MedicalTestMBean extends ManagedBeanBase implements Serializable {
this.loadMedicalTests();
}
public void addImage() {
if (this.imageUpload != null) {
String content = "data:" + imageUpload.getContentType() + ";base64," + Base64.getEncoder().encodeToString(imageUpload.getContents());
System.out.println("FILE Content base64: ");
System.out.println(content);
this.selected.setHighresimage(content);
getRemoteManagerMedicalTest().addImage(this.selected.getId(), content);
this.loadMedicalTests();
this.imageUpload = null;
public void uploadDataListener(FileUploadEvent event) {
UploadedFile uploadedFile = event.getFile();
String fileName = uploadedFile.getFileName();
String contentType = uploadedFile.getContentType();
byte[] contents = uploadedFile.getContents();
if (contents != null && contents.length > 0) {
this.selected.setHighresimage(String.format("data:%s;base64,%s", contentType, Base64.getEncoder().encodeToString(contents)));
this.getRemoteManagerMedicalTest().addImage(this.selected.getId(), this.selected.getHighresimage());
this.addFacesMessage(FacesMessage.SEVERITY_INFO, "Imagen guardada", "La imagen se ha guardado correctamente.");
} else {
System.out.println("IMAGEN SUBIDA ES NULA");
this.addFacesMessage(FacesMessage.SEVERITY_ERROR, "Imagen vacía", "La imagen que itenta subir está vacía o no puede procesarse.");
}
}
@@ -109,7 +113,8 @@ public class MedicalTestMBean extends ManagedBeanBase implements Serializable {
public void removeImage() {
this.selected.setHighresimage(null);
getRemoteManagerMedicalTest().removeImage(this.selected.getId());
this.loadMedicalTests();
//this.loadMedicalTests();
this.addFacesMessage(FacesMessage.SEVERITY_INFO, "Imagen eliminada", "La imagen se ha eliminado correctamente.");
}
public MedicalTestTO getSelected() {