Aquí está el ejemplo de la directiva de enlace de valor de archivo.
Saqueador
El código Js es:
- ¿Cómo debería empezar a aprender desarrollo web con un poco de conocimiento de C?
- Cómo contratar programadores expertos de Node.js para servicios de desarrollo frontend
- ¿Cuáles son las empresas web más influyentes en Pennsylvania?
- ¿Qué es mejor para el desarrollo web: GWT o Ruby on Rails? ¿Cuáles son las fortalezas y debilidades? ¿Cuándo debo usar uno sobre el otro?
- Cómo crear un sitio web de reservas de hotel en línea
aplicación var = angular.module (‘myApp’, []);
app.controller (‘MainCtrl’, function ($ scope) {
$ http: //scope.name = ‘Mundo’;
$ scope.files = [];
$ scope.upload = function () {
alert ($ scope.files.length + “archivos seleccionados … Escriba su código de carga”);
};
});
app.directive (‘ngFileModel’, [‘$ parse’, function ($ parse) {
regreso {
restringir: ‘A’,
enlace: función (alcance, elemento, atributos) {
modelo var = $ parse (attrs.ngFileModel);
var isMultiple = attrs.multiple;
var modelSetter = model.assign;
element.bind (‘change’, function () {
valores var = [];
angular.forEach (elemento [0] .files, función (elemento) {
valor var = {
// Nombre del archivo
nombre: http://item.name,
//Tamaño del archivo
tamaño: item.size,
// URL del archivo para ver
url: URL.createObjectURL (elemento),
// Valor de entrada de archivo
_archivo: elemento
};
valores.push (valor);
});
alcance. $ apply (function () {
if (es múltiple) {
modelSetter (alcance, valores);
} más {
modelSetter (alcance, valores [0]);
}
});
});
}
};
}]);
El código HTML es:
document.write (”);
<script data-semver = "1.4.3" src = "https://code.angularjs.org/1.4.3…"
data-require = ” [correo electrónico protegido] “>
¡Hola, {{nombre}}!
{{http://file.name}}