【问题标题】:convert(all type) file into bytes angularjs将(所有类型)文件转换为字节
【发布时间】:2017-05-08 22:42:21
【问题描述】:

我正在创建一个网络应用程序,我需要将上传的文件转换为二进制格式并将其存储到数据库中

这就是我在 c# 中的做法

Stream fs = fempupload.PostedFile.InputStream;

BinaryReader br = new BinaryReader(fs);

Byte[] bytes = br.ReadBytes((Int32)fs.Length);

现在我想对 angularjs 做同样的事情

    <div class="col-md-6 col-sm-6 col-xs-12" style="background-color:whitesmoke;">
         <label>Upload Your Photo</label>
         <input type="file" ng-model="mdfile" class="form-control"  custom-file-input />
   </div>

我正在从这里上传我的数据

<a href="#" ng-click="savefunction()" class="btn btn-sm btn-success col-md-6 col-sm-12 col-xs-12" ng-animate="'btn'"><i></i>Save</a>

这是我的保存按钮

谁能帮我把数据从我的控制器转换成二进制格式

【问题讨论】:

    标签: c# angularjs file controller binary


    【解决方案1】:
    <div ng-controller="MyCtrl">
      <input type="file" id="file" name="file"/>
      <br>
      <button ng-click="add()">Add</button>
      <p>{{data}}</p>
    </div>
    

    假设它是您的 html 代码,然后将以下代码写入您的控制器,它将为您提供二进制格式的文件格式

        $scope.data = 'none';
        $scope.add = function(){
          var f = document.getElementById('file').files[0],
              r = new FileReader();
          r.onloadend = function(e){
            $scope.data = e.target.result;
          }
          r.readAsBinaryString(f);
    

    所以在发送到服务器的时候,你需要像这样添加 base 64 字符串

    data:image/jpeg;base64,binary format of file
    

    希望对您有所帮助。对于我的代码中的任何问题或任何更新,请在评论部分写下..

    【讨论】:

    • 无法在“FileReader”上执行“readAsBinaryString”:对象已经忙于读取 Blob。这就是我得到的
    • 如果在此之后您的问题也没有解决,请发送您的代码 fiddle 或 plunker。这样我就可以确定实际问题..谢谢
    • CÉ{´Ã!¥íÊNßbr·Å5iH²Õþ{Óví¬ìÁ·{ï9ù¸9I¶øepcE¥rG XÅÚåèu³ ïQU5Ñ¢¸½ÉNYeàÙTOR6e:G{çt±e{ÔFÞ¡¼¸¤Î·f5eº2ÇåÔQÜC=ÑÉÙÔGSvÎ0 A9ã(Ư#íÕòË)k4\µâèþ ¶b4ÖuÕ³Îê÷ñûú饻j(TTd¥N¸_J_Ùãç0×ÇÆ×Ìu)uê0i³>@SW[nÒyËСο`O¼»¤ÖýnðeS,÷ô$TÇù£´f'Ñ~â®smvN¶来了,是不是走对路了?
    • 我的数据是这种格式的,它工作正常还是我需要更改代码???
    • 所以只需将base 64字符串与数据一起发送回服务器
    猜你喜欢
    • 1970-01-01
    • 2018-08-17
    • 2014-12-15
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-05-07
    • 1970-01-01
    相关资源
    最近更新 更多