我想在下面的代码
中选择一个帮助按钮(带搜索名)的文件,然后当我们点击第二个按钮(带有上传名称) ,我在 D:\已下载的文件中创建的本地驱动器中选择了文件上载,例如 从桌面上选择一个带有搜索按钮的文件,然后当我们点击上传,这个文件复制到D:\上传文件
如果可能的话请在小提琴演出。 Thanks all。
感谢所有人为我们制定了解决方案
uploader.directive(readfile,[function(){返回{范围:{ readfile:=}, link:function(scope,element,attributes){ element.bind(change ,function(changeEvent){ var reader = new FileReader(); reader.onload = function(loadEvent){$ b $ scope。$ apply(function(){ scope .readfile = {FileName:changeEvent.target.value.split('\\')。pop(),Content:loadEvent.target.result,Size:loadEvent.total}; }); } reader.readAsDataURL(changeEvent.target.files [0]); }); } } }] );用于上传文件: <$ p $函数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 )}); } } };
现在一切正常。
I'm beginner in angularjs. I read a lot about file uploading and etc. But couldn't find any topics for this case that i will describe in further.
I want to choose a file with helping of a button(with search Name) in below code
then when we click on second button (with upload Name), my chose file upload in a local drive that i made in D:\Uploaded Files already
for example I want choose a file from desktop with search button, then when we click on upload, this file copy to D:\Uploaded Files
If it's possible please show me in fiddler. Thanks all.
Thanks all for shairing
解决方案You need to use a directive like below.
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]); }); } } }]);For uploading the files:
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() }); } } };And now everything is fine.
更多推荐
用angularjs在本地驱动器上传文件
发布评论