Question

我是angularjs的初学者。我读了很多关于文件上传等的内容。但无法找到我将在后面进一步描述的此案例的任何主题。

我想在下面的代码中选择一个带有按钮（带搜索名称）的文件

然后当我们点击第二个按钮（带有上传名称）时，我选择的文件上传到我在 D：\已上传的文件中已经

的本地驱动器中例如，

我想从桌面用搜索按钮选择一个文件，然后当我们点击上传时，这个文件复制到D：\ Uploaded Files

如果有可能请告诉我小提琴手。谢谢大家。

感谢所有人的共鸣

Answer 1

您需要使用如下指令。

uploader.directive("readfile", [function () {
    return {
        scope: {
            readfile: "="
        },
        link: function (scope, element, attributes) {
            element.bind("change", function (changeEvent) {
                var reader = new FileReader();
                reader.onload = function (loadEvent) {
                    scope.$apply(function () {
                        scope.readfile = { "FileName":changeEvent.target.value.split('\\').pop() , "Content":loadEvent.target.result , "Size":loadEvent.total };
                    });
                }
                reader.readAsDataURL(changeEvent.target.files[0]);
            });
        }
    }
}]);

上传文件：

function MyCTRL($scope, $http, $modal)
{
    $scope.currentFile="";

    $scope.currentFileGroup="";

    $scope.currentFileDescription="";

    $scope.attachedFile=[];

    $scope.fileUpload=function () 

    {

    $scope.attachedFile.push ({

        "fileGUID": GUID() + "." + $scope.currentFile.FileName.split('.').pop(),
        "fileName": $scope.currentFile.FileName,
        "fileGroup": $scope.currentFileGroup,
        "fileDescription": $scope.currentFileDescription,
        "fileSize": $scope.currentFile.Size,
        "fileContent": $scope.currentFile.Content,
        "fileState": "wait"
    });

    $scope.currentFile = "";
    $scope.currentFileGroup = "";
    $scope.currentFileDescription = "";
    $scope.AddBtnShow=false;

    var saveFile = new dataStructure();
    var fileContent = "";
    for (var i=0; i < $scope.attachedFile.length; i++) {
        if($scope.attachedFile[i].fileState!="sent") {
        fileContent = $scope.attachedFile[i].fileContent;
        saveFile.EntityInfo[0].Name = $scope.attachedFile[i].fileGUID;
        saveFile.EntityInfo[0].Type = "CUSTOMFILE";

            saveFile.EntityData = [
                {"Content": fileContent}
            ];
            var inputjsondata = JSON.stringify(saveFile);
            $http({ method: 'POST', url: rootURL + '/data/savefilecontent', data: inputjsondata, dataType: 'text', processData: false, async: false, headers: { 'Content-Type': 'application/json; charset=utf-8' } }).success(function (data) {
            });
            $scope.attachedFile[i].fileState = "sent";

            $scope.formData.Attachments.push({
                "FilenameGUID": $scope.attachedFile[i].fileGUID,
                "Filename": $scope.attachedFile[i].fileName,
                "Group": $scope.attachedFile[i].fileGroup,
                "Description": $scope.attachedFile[i].fileDescription,
                "UploadDate": uploadGregorianDate()                    
            });
        }
    }
};

现在一切都很好。

Answer 2

您的意思是将本地文件从客户端计算机上传到服务器吗？或当地的本地人？

如果是第一种情况：

文件上传示例：https://github.com/danialfarid/angular-file-upload
如果您想尝试转储到天蓝色存储：http://lemoncode.net/2014/01/15/angularjs-web-api-azure-storage/（此示例包含整个应用程序，包括指令，您可以删除azure存储部分并直接转储到服务器文件夹中）。

使用angularjs在本地驱动器中上载文件

2 个答案: