如何在Alfresco中编写文件上传网页脚本

在Alfresco中编写文件上传网页脚本，可以使用Alfresco提供的API和前端技术。以下是一个简单的示例，展示了如何使用JavaScript和HTML创建一个文件上传网页脚本：

创建一个HTML文件，例如upload.html，并添加以下内容：

<!DOCTYPE html>
<html>
<head>
   <title>Alfresco File Upload</title>
   <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
   <script src="https://cdnjs.cloudflare.com/ajax/libs/alfresco-js-api/1.6.0/alfresco-js-api.min.js"></script>
   <script src="upload.js"></script>
</head>
<body>
    <h1>Alfresco File Upload</h1>
   <input type="file" id="file-input" />
   <button id="upload-button">Upload</button>
</body>
</html>

创建一个JavaScript文件，例如upload.js，并添加以下内容：

$(document).ready(function() {
    const alfrescoJsApi = new AlfrescoApi({
        hostEcm: 'http://localhost:8080'
    });

    const uploadFile = function(file) {
        const fileContent = new Blob([file], { type: 'application/octet-stream' });
        const uploadPromise = alfrescoJsApi.nodes.addNode('-my-', {
            name: file.name,
            nodeType: 'cm:content',
            content: {
                mimeType: file.type,
                mimeTypeName: file.name,
                content: fileContent
            }
        });

        uploadPromise.then(function(data) {
            console.log('File uploaded successfully:', data);
        }, function(error) {
            console.error('Error uploading file:', error);
        });
    };

    $('#file-input').on('change', function(event) {
        const file = event.target.files[0];
        uploadFile(file);
    });

    $('#upload-button').on('click', function() {
        const fileInput = $('#file-input')[0];
        const file = fileInput.files[0];
        uploadFile(file);
    });
});