Tengo un área de dropify (arrastrar y soltar) en mi sitio web. Necesito llenar el área de arrastrar y soltar con la imagen existente para que los usuarios puedan ver la imagen anterior y puedan cambiarla si lo desean. Posibilidades 1. ¿Hay alguna forma de generar un disparador con un nombre de archivo antiguo? para que Dropify JavaScript pueda detectar el evento y pueda manejar el resto 2. ¿Hay alguna forma de establecer explícitamente la imagen en el área de Dropify desde otro archivo JavaScript?
código:
<pre> <div class="form-group" id="id_photo_group"> <label >Photo*</label> <input type="file" class="dropify" data-height="300" id="id_member_photo" name="n_member_photo"/> </div> </pre>Agregar campo de entrada como de costumbre
archivo html
<input type="file" name="n_service_img" id="id_service_image" />Desde el archivo jquery, agregue la clase "dropify" y configure sus atributos y llame a la función dropify
archivo jquery
$("#id_service_image").addClass('dropify'); $("#id_service_image").attr("data-height", 300); $("#id_service_image").attr("data-default-file", "../img/ourservices/MEDICAL-SERVICES.jpg"); $('.dropify').dropify();Ahora puede poner la imagen predeterminada usando la variable data-default-file
<input type="file" class="dropify" data-default-file="url_of_your_file" />defaultFile : si hay un archivo predeterminado en la entrada. Puede usar opciones cuando usa el complemento o directamente data-default-file="url_of_your_file" en su elemento DOM (se recomienda).