Proyectos de Subversion LeadersLinked - SPA

Rev

Rev 3641 | Rev 3658 | Ir a la última revisión | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 3641 Rev 3642
Línea 63... Línea 63...
63 
  const [errors, setErrors] = useState([]);
 63 
  const [errors, setErrors] = useState([]);
64 
  const [files, setFiles] = useState([]);
 64 
  const [files, setFiles] = useState([]);
Línea 65... Línea 65...
65 
 
 65 
 
66 
  const onDrop = useCallback((acceptedFiles, fileRejections) => {
 66 
  const onDrop = useCallback((acceptedFiles, fileRejections) => {
67 
    onChange(acceptedFiles);
 - 
 
68 
    setFiles(
 67 
    onChange(acceptedFiles);
69 
      acceptedFiles.map((file) =>
 - 
 
70 
        Object.assign(file, {
 - 
 
71 
          preview: URL.createObjectURL(file),
 - 
 
72 
          type: file.type.split('/')[0]
 - 
 
73 
        })
 - 
 
74 
      )
 - 
 
75 
    );
 68 
    setFiles(acceptedFiles);
76 
    if (fileRejections.length > 0) {
 69 
    if (fileRejections.length > 0) {
77 
      setErrors(fileRejections.map((file) => file.errors[0].message));
 70 
      setErrors(fileRejections.map((file) => file.errors[0].message));
78 
    } else {
 71 
    } else {
79 
      setErrors([]);
 72 
      setErrors([]);
Línea 91... Línea 84...
91 
    setFiles([]);
 84 
    setFiles([]);
92 
    setErrors([]);
 85 
    setErrors([]);
93 
  };
 86 
  };
Línea 94... Línea 87...
94 
 
 87 
 
95 
  const filePreviewTest = (file) => {
 88 
  const filePreviewTest = (file) => {
- 
 
 89 
    const preview = URL.createObjectURL(file);
Línea 96... Línea 90...
96 
    console.log(file);
 90 
    const type = file.type.split('/')[0];
97 
 
 91 
 
98 
    switch (file.type) {
 92 
    switch (type) {
99 
      case 'image':
 93 
      case 'image':
100 
        return <img src={file.preview} />;
 94 
        return <img src={preview} />;
101 
      case 'video':
 95 
      case 'video':
102 
        return <video src={file.preview} width='400' height='300' controls muted />;
 96 
        return <video src={preview} width='400' height='300' controls muted />;
103 
      case 'file':
 97 
      case 'file':
104 
        return <object data={file.preview} type={file.type} width='400' height='200' />;
 98 
        return <object data={preview} type={file.type} width='400' height='200' />;
Línea 105... Línea 99...
105 
      case 'audio':
 99 
      case 'audio':
106 
        return <audio src={file.preview} controls muted />;
 100 
        return <audio src={preview} controls muted />;
107 
 
 101 
 
108 
      default:
 102 
      default: