En nuestra página agregamos las referencias a los siguientes archivos:
jquery.js (http://jquery.com/download/)
jquery.SPServices.min.js (http://spservices.codeplex.com/)
jqueryui.min.js (http://jqueryui.com/download/)
/_layouts/1033/init.js
/_layouts/1033/sp.core.js
/_layouts/1033/sp.runtime.js
/_layouts/1033/sp.js
jquery.SPWidgets.min.js (http://purtuga.github.io/SPWidgets/)
Después agregar las referencias a los archivos css de jQueryUI
En nuestra página agregamos un anchor que levante el siguiente popup
Para realizar esto, agregamos el siguiente div en nuestro código html
<div id="dialog-AddAttachments" title="Agregar adjuntos" style="display:none">
<b>Seleccione un archivo y presionar adjuntar.</b></br></br></br>
<div style="height:350px;width:100%;padding:.5em;" id="file_upload"></div>
</div>
$( "#dialog-AddAttachments" ).dialog({
autoOpen: false,
resizable: false,
draggable: false,
width:450,
height:180,
modal: true
});
El código anterior levanta el popup
$("#file_upload").SPControlUpload({
listName: 'Documentos',
noFileErrorMessage: "No hay un archivo seleccionado!",
selectFileMessage: "Click aquí para agregar un attachement...",
uploadDoneMessage: "Se subió correctamente el archivo!",
onUploadDone: function(file){
}
});
El código anterior permite configurar el div para que el usuario pueda subir archivos a la librería “Documentos”.
